Веб-шрифты — Изучение веб-разработки | MDN
В первой статье модуля, мы изучали основные функции CSS доступные для стилизации шрифтов и текста. В этой статье мы продвинемся дальше изучая веб-шрифты в деталях — они позволяют вам загружать пользовательские шрифты вместе с вашей веб-страницей, чтобы обеспечить более разнообразный, индивидуальный стиль текста.
Предварительные требования: | Основная компьютерная грамотность, основы HTML (изучите Введение в HTML), основы CSS (изучите Введение в CSS), Основы CSS текста и шрифта. |
---|---|
Задача: | Изучить как применять веб-шрифты к веб-странице, использовать сторонний сервис или писать код самостоятельно. |
Как мы рассматривали в Фундаментальной стилизации текста и шрифта, шрифты примененные к вашему HTML могут контролироваться при помощи свойства font-family
. Оно принимает одно и более имен семейств шрифтов и браузер следует по списку пока не найдет тот шрифт, который является доступным в системе, под управлением которой он работает:
p {
font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
}
Эта система работает хорошо, но традиционно выбор шрифтов веб-разработчиков была ограниченной. Существует только горсть шрифтов которые вы можете гарантировать, что они являются доступными во всех распространенных системах — так называемые Безопасные веб-шрифты. Вы можете использовать стек шрифта для указания предпочтительных шрифтов, за которыми следует веб-безопасные альтернативы, за которыми следует системный шрифт по умолчанию, но это добавляет дополнительной работы с точки зрения тестирования, чтобы убедиться, что ваш дизайн выглядит хорошо с каждым из шрифтов и т. д.
Но есть альтернатива, которая работает очень хорошо начиная с 6-ой версии IE. Веб-шрифты — это функция CSS позволяющая вам указывать файлы шрифтов, загружаемые вместе с вашим веб-сайтом по мере доступа к нему, это означает, что любой браузер, поддерживающий веб-шрифты, может иметь в своем распоряжении именно те шрифты, которые вы укажете. Замечательно! Требуемый синтаксис выглядит примерно так:
Во-первых, у вас есть блок @font-face
в начале CSS, который указывает файл(-ы) шрифтов для загрузки:
@font-face {
font-family: "myFont";
src: url("myFont. woff");
}
Ниже вы можете использовать имя семейства шрифтов, указанное внутри @font-face, чтобы применить свой собственный шрифт ко всему, что вам нравится, как обычно:
html {
font-family: "myFont", "Bitstream Vera Serif", serif;
}
Синтаксис становится немного сложнее, чем этот; мы вдадимся в подробности ниже.
Есть две важные вещи, которые нужно иметь в виду о веб-шрифтах:
- Браузеры поддерживают разные форматы шрифтов, поэтому вам будут нужны несколько форматов шрифтов для приличной кросс-браузерной поддержки. Например, большинство современных браузеров поддерживают WOFF/WOFF2 (Web Open Font Format versions 1 and 2), наиболее эффективный формат, но старые версии IE поддерживают только шрифты EOT (Embedded Open Type) и вам возможно понадобиться включать версию SVG шрифта для поддержки старых версий браузеров iPhone и Android. Ниже мы покажем вам как генерировать требуемый код.
- В основном шрифты не бесплатны для использования. Вы должны платить за них и/или соблюдать другие условия лицензии такие как указание создателя шрифта в коде (или на вашем сайте). Вы не должны красть шрифты и использовать их без должного указания авторства.
Обратите внимание: Веб-шрифты как технология поддерживается в Internet Explorer начиная с 4 версии!
Имея это в виду, давайте создадим базовый пример веб-шрифта из первых принципов. Сложно продемонстрировать это на встроенном живом примере, поэтому вместо, мы бы хотели, чтобы следовали детальным шагам в секциях ниже, чтобы понять идею процесса
Вы должны использовать файлы web-font-start.html и web-font-start.css как отправную точку добавляя в них ваш код (см. живой пример). Сейчас сделайте копию этих файлов в новой директории на вашем компьютере. В файле
вы найдете некоторый минимальный CSS для работы с базовым макетом и версткой примера.
Поиск шрифтов
В этом примере мы будем использовать два веб-шрифта, один для заголовков, и другой для основного текста. Для того чтобы начать нам необходимо найти файлы шрифтов, которые содержат эти шрифты. Шрифты созданы шрифтовыми «цехами» и хранятся в разных форматах фалов. Как правило существует три типа сайтов, где вы можете получить шрифты:
- Бесплатный дистрибьютер шрифтов: это сайт, который предоставляет бесплатные шрифты для скачивания (могут существовать некоторые условия лицензии, например, указание создателя шрифта). Примеры включают Font Squirrel, dafont, и Everything Fonts.
- Платный дистрибьютер шрифтов: это сайт, который предоставляет шрифты за плату, например fonts.com или myfonts.com. Также вы можете купить шрифты напрямую у производителя шрифтов, например Linotype, Monotype, или Exljbris.
- Сервис онлайн шрифтов: это сайт, который предоставляет вам шрифты, делая весь процесс проще. Смотрите раздел Использование онлайн-сервиса шрифтов для более подробной информации.
Давайте найдем какие-нибудь шрифты! Отправляйтесь на Font Squirrel и выберите два шрифта — симпатичный интересный шрифт для заголовков (может быть симпатично выглядящий или шрифт с засечками) и немного менее кричащий и более читабельный шрифт для параграфов.
В любом случае распакуйте архив со шрифтом (веб-шрифты обычно распространяются в ZIP файлах, содержащих файл(-ы) шрифта и лицензионную информацию). Вы можете обнаружить несколько файлов шрифтов в упаковке (архиве) — некоторые шрифты распространяются как семейство с различными доступными вариантами, например тонкий, средний, жирный, курсив, тонкий курсив и т.д. В этом примере мы просто хотим, чтобы вы позаботились о едином файле шрифта для каждого варианта.
Обратите внимание: В разделе «Find fonts» в колонке справа, вы можете кликать по различным тегам и классификациям чтобы отфильтровать отображаемые варианты для выбора.
Генерация требуемого кода
Теперь вам надо будет сгенерировать требуемый код (и форматы шрифтов). Для каждого шрифта проделайте следующие шаги.
- Убедитесь, что вы выполнили все лицензионные требования если вы собираетесь использовать это в коммерческих и/или веб проектах.
- Перейдите на Fontsquirrel Webfont Generator.
- Выгрузите два ваших файла шрифтов используя кнопку Upload Fonts.
- Поставьте галочку отмеченную «Yes, the fonts I’m uploading are legally eligible for web embedding».
- Кликните по Download your kit.
После того как генератор закончит обработку, вы должны получить ZIP файл к загрузке — сохраните его в той же директории что и ваши HTML и CSS.
Реализация кода в вашем демо
Теперь распакуйте набор веб-шрифта, который вы только что сгенерировали. Внутри распакованной папки вы увидите три полезных элемента:
- несколько версий каждого шрифта (например
.ttf
,.woff
,.woff2
и т.д.; предоставленные шрифты будут обновляться со временем по мере изменения требований поддержки браузера). Как упомянуто выше, несколько шрифтов нужны для кросс-браузерной поддержки — это метод Fontsquirrel быть уверенными что вы получили все что вам надо. - Демо файл HTML для каждого шрифта — загрузите их в ваш браузер чтобы посмотреть, как будет выглядеть шрифт в разных контекстах использования.
- Файл
stylesheet.css
Для внедрения их в ваше демо следуйте следующим шагам:
- Переименуйте распакованную папку на что-нибудь легкое и простое, например
fonts
. - Откройте файл
stylesheet.css
и скопируйте содержимое обоих@font-face
блоков в ваш файлweb-font-start.css
— вам надо вставить их в самый верх, до любого вашего CSS, так как шрифты должны быть импортированы до того, как вы сможете использовать их на вашем сайте. - Каждый из функций
url()
указывает на файл шрифта который мы хотим импортировать в наш CSS — мы должны убедиться в том, что пути к файлам верные, поэтому добавьте
в начало каждого пути (настройте так как необходимо). - Теперь вы можете использовать эти шрифты в ваших стеках шрифтов, как и любой веб-безопасный или по умолчанию системный шрифт. Например:
font-family: 'zantrokeregular', serif;
Вы должны получить демо-страницу с какими-то реализованными симпатичными шрифтами. Поскольку различные шрифты создаются в разных размерах, вам может понадобиться настроить размер, интервалы и т.д., чтобы отладить внешний вид.
Онлайн-сервисы шрифтов обычно хранят и обслуживают шрифты для вас, поэтому вам не надо переживать о написании @font-face
кода и обычно необходимо просто вставить строчку или две простого кода в ваш сайт для того чтобы все работало. Примеры включают Adobe Fonts и Cloud.typography. Большинство из этих услуг на основе подписки, за исключением Google Fonts, полезный бесплатный сервис, особенно для быстрого тестирования работы и написания демо.
Большинство из этих сервисов легки в использовании, поэтому мы не будем освещать их в деталях. Давайте кратко рассмотрим Google fonts, чтобы вы понимали идею. И снова, используйте копии web-font-start.html
и web-font-start.css
в качестве отправной точки.
- Отправляйтесь на Google Fonts.
- Используйте фильтры с правой стороны чтобы отобразить типы шрифтов, которые вы хотите выбрать и выберите пару шрифтов, которые вам понравятся.
- Для выбора семейства шрифтов нажмите на кнопку ⊕ рядом с ним.
- Когда вы выбрали семейства шрифтов, нажмите на панель [Number] Families Selected в низу страницы.
- На полученном экране, сначала вам надо скопировать строку показанного HTML кода и вставить ее в head вашего HTML файла. Вставьте его выше существующего
<link>
элемента для того, чтоб шрифт импортировался до того, как вы начнете пользоваться им в вашем CSS. - Далее вам надо скопировать CSS-объявления, перечисленные в вашем CSS, чтобы применить пользовательские шрифты к вашему HTML.
Обратите внимание: Вы можете найти законченные версии google-font. html и google-font.css, если вам необходимо сверить вашу работу с нашей (см. live).
Давайте исследуем тот @font-face
синтаксис, который fontsquirrel сгенерировал для вас. Это то, как выглядит один из этих блоков:
@font-face {
font-family: 'ciclefina';
src: url('fonts/cicle_fina-webfont.eot');
src: url('fonts/cicle_fina-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/cicle_fina-webfont.woff2') format('woff2'),
url('fonts/cicle_fina-webfont.woff') format('woff'),
url('fonts/cicle_fina-webfont.ttf') format('truetype'),
url('fonts/cicle_fina-webfont.svg#ciclefina') format('svg');
font-weight: normal;
font-style: normal;
}
Это называется «пуленепробиваемым @font-face синтаксисом», после публикации Пола Айриша (Paul Irish), с самого начала, когда @font-face
начал получать популярность (Bulletproof @font-face Syntax). Давайте пройдемся по нему, чтобы посмотреть, что он делает:
font-family
: В этой строке указывается имя, которое вы хотите использовать для обозначения шрифта. Вы можете указать его как угодно, если вы используете его последовательно в вашем CSS.src
: В этой строке указывается путь к файлам шрифтов которые будут импортированы в ваш CSS (url
путь) и формат каждого файла шрифта (format
часть). Последняя часть в каждом случае опциональна, но полезно объявлять его, потому что это позволяет браузерам быстрее находить шрифт, который они могут использовать. Могут быть перечислены несколько объявлений, разделенных запятыми — браузер будет искать среди них и использовать первый который найдет и тот который он понимает — поэтому лучше всего ставить новые, лучшие форматы такие как WOFF2 в начало, а старые, не такие хорошие форматы как TTF в конец. Единственное исключение это EOT шрифты — они размещены первыми чтобы исправить пару багов в старых версиях IE который постарается использовать первую вещь, которую найдет, даже если он не умеет использовать этот шрифт.font-weight
/font-style
: В этих строках указывается какую толщину имеет шрифт и является ли он курсивом или нет. Если вы импортируете несколько значений толщины одного и того же шрифта вы можете указать какая у них толщина/стиль и затем использовать разные значенияfont-weight
/font-style
для выбора между ними, вместо того, чтобы называть всех разных членов семейства шрифтов разными именами. @font-face совет: установите font-weight и font-style так чтобы ваш CSS был простым от Роджера Джонсона (Roger Johansson) покажет, что делать более детально.
Обратите внимание: Вы также можете указать определенные значения font-variant
и font-stretch
для ваших веб-шрифтов. В новых браузерах вы также можете указать значение unicode-range
, который является конкретным диапазоном символов, которые вы хотите использовать из веб-шрифта — в поддерживающих браузерах, будут загружены только указанные символы, сохраняя от ненужной загрузки. Creating Custom Font Stacks with Unicode-Range от Drew McLellan предоставляет некоторые полезные идеи того как это использовать
В браузерах доступна новая технология, называемая переменными шрифтами — это шрифты, которые позволяют включить в единственный файл много разных вариантов дизайнов шрифтов, вместо того чтобы иметь отдельные файлы шрифтов для каждой ширины, толщины или стиля. Они несколько продвинуты для нашего курса для начинающих, но если вы хотите расширить свои знания и посмотреть на них, прочитайте наше Руководство по переменным шрифтам.
Вы достигли конца этой статьи и уже испытали некоторые навыки в наших разделах активного изучения, но сможете ли вы вспомнить самую важную информацию продвигаясь дальше? Вы можете найти задание для проверки того что вы усвоили информацию к конце модуля — см. Задание: стилизация школьного сайта.
Теперь, когда вы ознакомились с нашими статьями об основах стилизации текста, пришло время проверить ваше понимание нашей оценкой модуля «Задание: стилизация школьного сайта».
Шрифты
Двухосевой вариативный шрифт-гибрид
от 2999 ₽
от 2999 ₽
от 2999 ₽
от 2999 ₽
от 2999 ₽
от 2999 ₽
от 2999 ₽
Универсальный вариативный неогротеск
от 2999 ₽
от 2999 ₽
от 2999 ₽
от 2999 ₽
от 2999 ₽
от 2999 ₽
от 2999 ₽
от 2999 ₽
от 2999 ₽
Узкий неконтрастный гротеск
от 2999 ₽
Универсальный гротеск с запоминающимся характером
от 2999 ₽
Акцидентный шрифт с мягким характером
от 2999 ₽
Изящный шрифт
от 2999 ₽
Текстовый шрифт
от 2999 ₽
Рукописный курсив
от 2999 ₽
от 2999 ₽
от 2999 ₽
Дисплейная ленточная антиква
от 2999 ₽
Текстовая антиква
от 2999 ₽
Яркий акцидентный шрифт
от 2999 ₽
Уверенный рукописный шрифт
от 2999 ₽
Акцидентный гротеск
от 2999 ₽
Ясный и доброжелательный рукописный шрифт
от 2999 ₽
Пухлый акцидентный шрифт
от 2999 ₽
Богатая гарнитура со скругленными окончаниями штрихов
от 2999 ₽
Богатая гарнитура со скругленными окончаниями штрихов
от 2999 ₽
Мягкий и романтичный рукописный шрифт
от 2999 ₽
Немного старомодный, полный достоинства текстовый шрифт
от 2999 ₽
Акцидентная декоративная гарнитура
от 2999 ₽
Рукописный шрифт с легким и дружелюбным характером
от 2999 ₽
Открытый гуманистический гротеск
от 2999 ₽
Детский шрифт
от 2999 ₽
Акцидентный шрифт
от 2999 ₽
Городской шрифт
от 2999 ₽
Акцидентный шрифт в двух начертаниях
от 2999 ₽
Cовременный журнальный шрифт в четырех начертаниях
от 2999 ₽
Шрифт с элементами, характерными для романского и готического стиля
от 2999 ₽
Шрифт по мотивам надписей Яны Клинк
от 2999 ₽
Открытый динамичный гротеск в девяти начертаниях
от 2999 ₽
Добропорядочный текстовый шрифт в четырех начертаниях
от 2999 ₽
Грубый техногенный гротеск
от 2999 ₽
Молодежный шрифт
от 2999 ₽
Затейливый курсив
от 2999 ₽
Текстовый шрифт на все случаи жизни
от 2999 ₽
Грубоватый широкоплечий шрифт в четырех начертаниях
от 2999 ₽
Наборный акцидентный шрифт
от 2999 ₽
Шрифт может быть курсивным, а может быть наклонным.
В чём разница этих двух вариантов?Курсив произошёл непосредственно от письма. Его конструкция отличается от прямого начертания, потому что его «пишут», а не «рисуют» — скорость письма влияет на скелет букв. Обычно он ставится в пару к прямому начертанию, чтобы выделить слова внутри текста.
Проблемы начинаются, когда мы пытаемся разобраться в иностранной терминологии. То, что у нас называется курсив, в английском называется italic. Но смысл у этого слова гораздо более общий, чем у русского аналога.
Italic в шрифтах — это термин, объединяющий всё, что есть не прямое начертание. Словом italic могут называть и обычный, и прямой курсив, и наклонные начертания — они же oblique. Степень «курсивности» в таких начертаниях может быть какой угодно. Термином italic обозначают функцию начертания.
Также в английском есть термин cursive — им обычно обозначают самый «честный» курсив. В таком шрифте или начертании буквы как бы созданы одним движением руки. Cursive обозначает конструкцию знаков, а не функцию, поэтому этот термин чаще встречается в названии шрифта, а не в названии начертания.
Ещё есть термин script, который тоже попадает под понятие cursive, но степень курсивности там ещё больше — чаще всего это рукописные шрифты, основанные на каком‑либо почерке. В них может быть много альтернативных форм знаков, чтобы набор был живее и естественнее — как будто это не цифровой продукт, а написанная или нарисованная вручную надпись. Часто знаки в рукописных шрифтах соединяются друг с другом в наборе.
Наклонное начертание чаще всего делается в пару в гротескам, потому что не всегда рисунок гротеска подразумевает «настоящий» курсив.
Прямые и наклонные начертания шрифта Универс
Иногда шрифтовики называют наклонное начертание Oblique, но иногда используют и слово Italic, подчёркивая, что начертание сделано в пару к прямому.
У старой Гельветики наклонные начертания называются Oblique, а в Гельветике‑Нау — Italic
Использование этих терминов в английском сильно зависит от контекста. Например, в шрифте Нара есть начертания roman, cursive и italic. Roman — обычное прямое начертание. Cursive — это прямой курсив, в нём конструкция букв отсылает к письму, а большинство знаков «рисуются» одним движением. Italic — это то самое «непрямое» начертание в пару к прямым, хотя по конструкции оно такое же, как cursive, но наклонённое.
Названия призваны помочь покупателю разобраться в иерархии внутри шрифта, однако иногда получается обратный эффект. К сожалению, привести все термины на всех языках к единообразию невозможно, поэтому проще всего изучать и тестировать начертания самостоятельно, не ставя в приоритет названия.
Как заставить Visual Studio Code отображать курсивные шрифты в форматированном коде?
Восстановить ответ Моники помогло мне, но я заметил, что все было не курсивом так, как я нашел на курсивных конкретных темах. Я нашел более полный список курсивных настроек из https://github.com/wesbos/cobalt2-vscode/issues/116 . Спасибо @bgarrant на github.
Добавьте это в settings.json (ctrl + или cmd + ,)
"editor. fontFamily": "Dank Mono, Menlo, Monaco, 'Courier New', monospace",
"editor.fontLigatures": true,
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": [
//following will be in italic
"comment",
"emphasis",
"entity.name.method.js",
"entity.name.class.js",
"entity.name.tag.doctype",
"entity.other.attribute-name",
"entity.other.attribute-name.tag.jade",
"entity.other.attribute-name.tag.pug",
"keyword",
"keyword.control",
"keyword.operator.comparison",
"keyword.control.flow.js",
"keyword.control.flow.ts",
"keyword.control.flow.tsx",
"keyword.control.ruby",
"keyword.control.module.ruby",
"keyword.control.class.ruby",
"keyword.control.def.ruby",
"keyword.control.loop.js",
"keyword. control.loop.ts",
"keyword.control.import.js",
"keyword.control.import.ts",
"keyword.control.import.tsx",
"keyword.control.from.js",
"keyword.control.from.ts",
"keyword.control.from.tsx",
"keyword.operator.expression.delete",
"keyword.operator.new",
"keyword.operator.expression",
"keyword.operator.cast",
"keyword.operator.relational",
"keyword.operator.sizeof",
"keyword.operator.logical.python",
"italic",
"markup.italic",
"markup.quote",
"markup.changed",
"markup.italic.markdown",
"markup.quote.markdown",
"markup.deleted.diff",
"markup.inserted.diff",
"meta.delimiter.period",
"meta.diff.header.git",
"meta.diff.header.from-file",
"meta.diff.header. to-file",
"meta.tag.sgml.doctype",
"meta.var.expr",
"meta.class meta.method.declaration meta.var.expr storage.type.js",
"meta.decorator punctuation.decorator",
"meta.selector",
"punctuation.accessor",
"punctuation.definition.comment",
"punctuation.definition.template-expression.begin",
"punctuation.definition.template-expression.end",
"punctuation.section.embedded",
"quote",
"source.js constant.other.object.key.js string.unquoted.label.js",
"source.go keyword.package.go",
"source.go keyword.import.go",
"source.go keyword.function.go",
"source.go keyword.type.go",
"source.go keyword.struct.go",
"source.go keyword.interface.go",
"source.go keyword.const.go",
"source.go keyword.var.go",
"source.go keyword. map.go",
"source.go keyword.channel.go",
"source.go keyword.control.go",
"storage",
"storage.type",
"storage.modifier",
"storage.type.property.js",
"storage.type.property.ts",
"storage.type.property.tsx",
"tag.decorator.js entity.name.tag.js",
"tag.decorator.js",
"text.html.basic entity.other.attribute-name.html",
"text.html.basic entity.other.attribute-name",
"variable.language",
"variable.other.object.property"
],
"settings": {
"fontStyle": "italic"
}
}
]
}
Курсивные шрифты 🥇 Буквы, шрифты и гарнитуры
Курсивный шрифт. Вы когда-нибудь задумывались, как люди добавляют буквы охарактеризованы в своих социальных сетях? Если вы работали в Instagram, Twitter, Fb, WhatsApp или Tik TokВы знаете, что у вас не так много альтернатив, когда дело доходит до настройки лирики, поскольку отрывок биографии, комментарии, подписи и т. Д. Имеют уже установленный шрифт.
Нет альтернативы олицетворению жанра букв, шрифтов, гарнитур, символов и Символы и измените их, чтобы сделать их более эстетичными, в соответствии с вашими предпочтениями. Однако не волнуйтесь! Вы все еще можете использовать Курсивный шрифт интересно и интересно благодаря этому преобразователь.
🚀 Курсивные шрифты, шрифты и шрифты
Использовать курсивный шрифт, С этим конвертер текстов песен вы можете установить уникальные буквы, шрифты, шрифты, символы и символы для ваших молитв в социальных сетях (Instagram, TikTok …), используйте необычные буквы в статусе WhatsApp или также Facebook и используйте Курсивный шрифт адаптировано.
Этот инструмент генератор писем Это доступно по цене, вам просто нужно выполнить несколько простых шагов:
1. Добавьте свое заявление в текстовое поле.
2. Далее появится список стилей, это ваша фраза, переписанная с использованием разных Unicode и привлекательных символов.
3. Выберите стиль Курсивный шрифт что тебе нравится
4. Скопируйте и вставьте жанр писем, куда хотите.
Пора сделать что-нибудь необычное, не правда ли? Настройте биографию профиля или, возможно, улучшите части подписей к фотографиям и видео, которые вы хотите опубликовать. Измените обычный текст в разных стилях Курсивный шрифт, например шрифты для татуировок, каллиграфические шрифты, веб-скрипт, курсив, письменные источники от руки, различные символы, буквы, шрифты, гарнитуры, символы и символы или художественные.
В различных социальных сетях используется шрифт, который лучше всего адаптируется к общему дизайну системы. Это часть необходимого единообразия для визуального благополучия пользователей, просматривающих эти платформы.
Оказывается, есть способ включить пользовательские буквы для копирования и вставки которые, безусловно, являются специальными символами, например emojis и другие символы. На практике они выглядят как адаптированные гарнитуры, но технически обозначаются как Символы Юникода.
🎯 Курсивный шрифт для копирования и вставки
Курсивные шрифты для копирования и вставки. Мы можем сократить, что с помощью конвертера букв вы не можете получить сами шрифты, поскольку они являются символами Unicode, эти коды могут иногда различаются в зависимости от мобильных устройств.
Например, при составлении текста в поле вверху он создаст Список символы и буквы привлекательно для копирования и вставки. то, что вы видите на своем устройстве, может показаться другим при использовании других устройств. Это происходит из-за того, что каждый тип устройства по-разному интерпретирует этот Unicode или еще не принимает эти символы.
Это не означает, что этот механизм содержит ошибку, это означает, что шрифт, выбранный для использования на сайте, не поддерживает этот символ. Но есть группа персонажей, которые, если их адаптировать к дизайну и стилю, как они есть: курсив, жирный шрифт и т. д. Поскольку они являются специальными символами Юникода и не зависят от шрифтов, вы сможете скопируйте и вставьте их, и используйте их в своей биографии или комментариях в Tumblr, Twitter, Fb, Instagram, Whatsapp, TikTok и т. д.
✍ Конвертер курсивных шрифтов
Примеры, созданные с помощью генератора курсивного шрифта
ℌ𝔢𝔩𝔩𝔬
𝕳𝖊𝖑𝖑𝖔
♖☝ ђ𝕖Ⓛ𝕝𝕠 💘
👹 𝓗𝓮𝓵𝓵𝓸
𝐻𝑒𝓁𝓁𝑜
ℍ𝕖𝕝𝕝𝕠
привет
🎀 𝐻𝑒𝓁𝓁🏵 🎀
🐣 ʜᴇʟʟᴏ
ollǝH
🅷🅴🅻🅻🅾
˜ ”* ° • .˜” * ° • Привет • ° * ”˜. • ° *” ˜
[Здравствуйте]
H҉e҉l҉l҉o҉ ☆
🎈 ᕼ𝐞ℓ𝓵Ⓞ ♞ඏ
🐤🐳 卄 𝐞ℓ ㄥ ᗝ 💣💢
→ Код Unicode: что это такое?
Что такое Юникод? Это Международный стандарт который позволяет компьютерам (и другим устройствам) интерпретировать и обрабатывать текстовые символы из любой системы письма.
Unicode был создан для решить проблему, вызванную огромным существованием кодовых групп. С самого начала программирования разработчики использовали свои собственные языки, поэтому передача текста с одного компьютера на другой часто приводила к пустой трате информации.
Unicode принес большие жертвы в XNUMX-х, чтобы установить уникальный набор символов охватывающий всю систему письма. Укажите уникальный номер для каждого символанезависимо от платформы, программы и языка.
El Стандарт Unicode может отображать шрифты и символы используется на любом языке; включая смайлики, которые также являются текстовыми знаками.
С чем с этим конвертером Курсивный шрифт вы не создаете шрифты, но Символы Unicode что вы можете использовать в Instagram, Twitter, Pinterest, Fb, Tumblr, WhatsApp, TikTok… Когда вы найдете стиль шрифта, который вам больше всего нравится, вам просто нужно скопировать и вставить его в любом месте.
➕ Текстовые шрифты
Первый сто двадцать восемь символы из списка Unicode являются наиболее часто используемыми, и он известен как алфавит ASCII. Алфавит ASCII содержит буквы, десятичные цифры, знаки препинания и некоторые специальные символы.
Тем не менее, ASCII В нем нет диакритических знаков, вопросительного знака или некоторых других символов (математических, греческие буквы,…) Это необходимо в разных контекстах.
В качестве решения этих проблем, начиная с девятнадцатого девяноста первого года, во всем мире было согласовано использование правила Юникода, что представляет собой огромную таблицу, где в настоящее время дать код каждому из более чем пятьдесят тысяч существующих символов.
La Таблица Unicode свяжите глиф (рисунок) с каждым из символов, чтобы служить примером знаменитого Arial или Times New Roman типографские шрифты. Поэтому текст, символы и декоративные знаки, которые вы видите в социальных сетях, являются Символы Unicode, которые вы можете скопировать и вставить в Instagram, TikTok, Twitter, Fb или WhatsApp.
Генератор 🔥 Курсивный шрифт
наш конвертер текстов песен работает в социальных сетях, например Instagram, TikTok, Twitter, Fb или WhatsApp. Он очень прост в использовании, и вы можете использовать его столько раз, сколько захотите.
это Конвертер курсивного шрифта Он интересен и прост в использовании, просто введите любой текст в поле, и генератор букв преобразует ваше предложение в Курсивные шрифты для копирования и вставки в вашей биографии, подписях, рассказах и т. д. и добавить уникальный и особый штрих к вашему профилю.
5.4. Работа со шрифтами. Основы информатики: Учебник для вузов
5.4. Работа со шрифтами
Обычно весь текст сначала набирается стандартным шрифтом, а затем форматируется шрифт документа. Различные виды шрифтов имеют различное начертание и назначение. Шрифт характеризуется рядом параметров, важнейший из которых – рисунок буквы.
Полужирным шрифтом обычно выделяют текст, к которому надо привлечь внимание при чтении документа. Курсив и подчеркивание используют для заголовков и названий. Расположение символов (индекс или степень) определяет, ниже или выше строки будет напечатан текст.
Для того чтобы изменить размер (кегль) шрифта или его начертание, необходимо предварительно выделить букву, слово или абзац, для которых производятся изменения названных параметров. И только на выделенную часть текста будет распространен выбранный шрифт. При написании формулы ее сначала записывают последовательно, не отличая верхние или нижние символы, а затем, выделяя по одному или несколько символов формулы, последовательно указывают размер, написание и расположение относительно строки (обычное, верхний индекс или нижний). Для изменения размеров и начертания шрифта надо воспользоваться или кнопками панели инструментов (рис. 5.10), или командой Формат – Шрифт (рис. 5.11).
Рисунок 5.10. Изменение параметров шрифта на Панели Форматирование
Рисунок 5.11. Окно Шрифт
Если необходимого символа нет на клавиатуре, то можно воспользоваться командой Вставка – Символ (рис. 5.12).
Рисунок 5.12. Окно Вставка символа
Упражнение
Создайте новый файл. Запишите и оформите шрифтами следующие фразы:
1. Шрифт «Times New Roman» разного размера:
1) шрифт размером 10
2) шрифт размером 12
3) шрифт размером 14
4) шрифт размером 16
5) шрифт 50
2. Установите шрифт «Times New Roman» разного начертания:
1) этот текст оформлен обычным шрифтом
2) этот текст оформлен полужирным шрифтом
3) этот текст оформлен курсивом
4) этот текст оформлен полужирным курсивом
5) этот текст оформлен обычным шрифтом с подчеркиванием
6) этот текст оформлен полужирным шрифтом с подчеркиванием
7) этот текст оформлен курсивом с подчеркиванием
3. Установить шрифт «Arial» разного размера:
1) шрифт Arial размером 12
2) шрифт Arial размером 14
3) шрифт Arial размером 20
4. Установите шрифт «Courier New» разного размера:
1) шрифт Courier New размером 12
2) шрифт Courier New размером 14
3) шрифт Courier New размером 16
5. Оформите шрифты разными цветами (размер 14 шрифт «Times New Roman»):
1) красный шрифт
2) синий шрифт
3) зеленый шрифт
4) серый шрифт
6. Используя формат шрифта верхний и нижний индекс, создайте следующие надписи:
Упражнение
Наберите текст с учетом элементов форматирования.
фраза «Явление двадцать третье» набрана размером на 1 пт меньше размера шрифта основного текста;
для действующих лиц – оформление шрифта разрядкой;
для фраз речи – оформление шрифта полужирным стилем и курсивом;
выравнивание абзацев по образцу;
для задания красной строки выполните команду Формат – Абзац и на вкладке. Отступы и интервалы в раскрывающемся списке Первая срока выберите Отступ, установив ее величину 0,5 см.
Данный текст является ознакомительным фрагментом.
Продолжение на ЛитРесПсихология восприятия шрифтов
Влияние шрифта на эмоциональное восприятие потребителем бренда
Психологи выделяют несколько следующих типов шрифтов по их влиянию на настроение потребителей.
Прямые вытянутые шрифты
Сообщают деловое настроение и являются практически универсальными шрифтами. Тем не менее, следует учитывать, что прямой шрифт будет неуместен для немассовой и оригинальной продукции, которую необходимо выделить среди конкурентов. Здесь он может показаться скучным и безликим, если не обыграть его необычным цветовым решением.
Строгие квадратные шрифты
Преимущественно используются в дизайне рекламы промышленных продуктов, технологий и социальной рекламы. Здесь неуместна легкость и простота, эти шрифты призваны настроить человека на серьезность предоставленной информации. Они создают впечатление важности и авторитетности, поэтому рассчитаны на привлечение партнеров по бизнесу и инвесторов.
Округлые шрифты
Передают чувство комфорта и уюта. В то время как квадратные шрифты выглядят суровыми, округлые положительно воспринимаются как доброе отношение бренда к потребителям.
Наклонные шрифты с виньетками
Чаще всего используются для рекламы товаров, у которых целевая аудитория девушки и женщины. Наклонные шрифты вызывают чувство легкости и красоты. Так рекламируют салоны красоты, магазины одежды и косметики. Курсив облегчает восприятие информации, и она выглядит менее важной. Поэтому курсивом выделяют примечания и авторские отступления.
Рукописные шрифты
Не подходят для наружной рекламы так же, как и наклонные шрифты – их сложно читать, если выбран большой размер букв. В то же время, они отлично подходят для того, чтобы подчеркнуть эксклюзивность товара или услуги. Рукописные шрифты используют при рекламе адвокатских и консалтинговых услуг, врачебной практики, для написания пригласительных, при проведении политических пиар-акций. Они вызывают чувство доверия и придают большую достоверность информации.
Стилизованные декоративные шрифты
Шрифты, выглядящие как граффити или готические надписи, стоит использовать только там, где они будут нести соответствующую смысловую нагрузку. Например, совершенно неуместно использовать готический шрифт для рекламы парикмахерской или детского магазина. В то же время, он будет хорошо смотреться на вывеске тематического бара.
Самые популярные шрифты
1. С засечками: Baskerville, Didot, Garamond, Georgia, Times. Ассоциации: традиционный, утонченный, практичный, формальный.
2. Без засечек: Avenir, Futura, Gill Sans, Helvetica, Verdana. Ассоциации: современный, чистый, геометрический, универсальный.
3. Рукописные: Buttermilk, Edwardian, Isabella, Snell Roundhand, Zapfino. Ассоциации: элегантный, классический, утонченный, стильный.
4. Брусковые: Clarendon, Copse, Josefin, Museo, Silverfake. Ассоциации: современный, модный, дружественный, цельный.
Отличие восприятия шрифта с засечками и без них
Шрифты с засечками (serif) читаются легче в печатных работах. Засечки увеличивают контраст между буквами и делают их отличительными. Так нашему мозгу легче распознать букву. Читая шрифт без засечек, мозг тратит больше времени на то, чтобы опознать букву, потому что ее форма не такая отличительная.
Шрифты без засечек (sans serif) лучше использовать для интернета. Также sans serif шрифт хорошо смотрится в наружной рекламе, так как не теряет своих свойств при увеличении. Его часто используют для того, чтобы привлечь внимание. Шрифт без засечек хорошо смотрится и в маленьком размере, но для основного текста лучше использовать с засечками – он не вызывает быстрой усталости.
40% заголовков интернет-изданий написаны с использованием шрифтов с засечками. 66% сайтов используют шрифт без засечек для основного текста.
Существует мнение, что примером удачно выбранного шрифта является такой шрифт, на который читатель не обращает внимания.
Восприятие шрифта в составе логотипа
Всего 6% интернациональных брендов используют в качестве логотипа картинку. 56% используют комбинацию текста и изображения, а логотипы оставшихся 37% брендов – это надписи. Таким образом, подавляющее большинство компаний используют текст при создании логотипа. Нельзя пренебрегать значением шрифта и необходимо уделять достаточно времени созданию логотипа с таким шрифтом, который будет лучше всего сообщать человеку философию бренда.
Логотип, где текст помещен в квадрат или круг, ассоциируется с уверенностью, в эллипсе – с творческим подходом. Перевернутый треугольник выглядит как призыв к действию, а диагональное расположение текста ассоциируется со скоростью и стремительностью.
Лучший шрифт для восприятия
63% используемых шрифтов в логотипах компаний – без засечек. Самый популярный среди них – Helvetica. Этот шрифт используется в 21% лого-надписей. Среди них такие крупные компании как Saint Laurent, Comme des Garsons, HBA, colette.
Helvetica считается лучшим шрифтом для восприятия. Мы тоже «примерили» его к нашему логотипу.
О чем стоит помнить при выборе шрифта: несколько рекомендаций
- Для наружной рекламы подходят жирные крупные шрифты, которые легко читаются и контрастируют с фоном. Если рекламу будут читать с расстояния 5 метров, то буквы должны быть не менее 5 см в высоту.
- В одном рекламном сообщении не стоит использовать более трех разных шрифтов. У читателя может возникнуть ощущение разрозненности идей, и он будет плохо воспринимать материал.
- Для общей целевой аудитории идеальный размер кегля – 11-12 пунктов. Если целевая аудитория люди 60+ лет, им больше подойдет шрифт 18 кегля и больше. Для рекламного заголовка лучше использовать кегль от 14 до 30.
- Текст рекламного сообщения, набранный заглавными буквами, тяжело воспринимается, т.к. читается буква за буквой. Также плохо читается витиеватый шрифт на пестром фоне.
- Важную роль играет тот факт, что человек читает не отдельные буквы, а группы букв или все слово целиком. Поэтому шрифты с засечками легче читаются в печатных рекламных материалах – буквы выглядят более раздельно.
- Разная длина строк может ускорять или замедлять чтение. Необходимо обращать внимание не только на тип шрифта, но и на расстояние между буквами, строчками и т.д.
Статью подготовил проект — textygram.ru
10 самых красивых курсивных шрифтов
По-настоящему красивый и функциональный курсивный шрифт бывает трудно отследить. Поскольку большинство сайтов со шрифтами по умолчанию предварительно просматривают обычные начертания, иногда курсив вашего любимого шрифта может вас удивить, к лучшему или к худшему.
Неограниченное количество загрузок: более 1 000 000 шрифтов, мокапов и дизайнерских материалов
поИзбегайте разочарований и трат времени, ознакомившись с нашим редактированием курсивных шрифтов с лучшими и самыми красивыми курсивом и курсивом.
Ниже вы найдете курсивные шрифты, которые можно синхронизировать из Adobe Typekit, некоторые давно зарекомендовавшие себя классические шрифты и наш выбор лучших бесплатных шрифтов с неотразимым курсивом.
Разработанный GUST e-foundry, Latin Modern Roman представляет собой классический шрифт с засечками с пятью подсемействами. Посмотрите на стиль Roman Dunhill 10 Oblique (на фото), чтобы получить идеальный курсив с винтажным вкусом.
Современная переработка оригинального дизайна шрифта Orpheus 1920-х годов, созданного Вальтером Тиманом, Orpheus Pro представлена литейной компанией Canada Type из Торонто как свежий взгляд на минималистичные шрифты с засечками, которые недолго тиражировались в Германии в 1930-х годах.
Сочетая классическую элегантность с чистой межвоенной эстетикой, курсив одновременно романтичен и функционально.
Этот шрифт с переходными засечками, который заимствует и развивает черты своих предшественников в старом стиле (например, Caslon, см. Ниже), Baskerville объединяет лучшее из двух миров — классического и современного.
Baskerville элегантен и интеллектуален. Используйте курсив для набора литературных цитат или плакатов.
Reforma была создана аргентинским литейным заводом Pampatype для Национального университета Кордовы, учреждения с 400-летней историей.
Вдохновленные долгой и богатой историей университета, дизайнеры обратились к стилям римского шрифта при создании букв Reforma, которые, по мнению дизайнеров, олицетворяют «достоинство, авторитет и умеренность».
Шрифт Mrs Eaves, вдохновленный Сарой Ивз, экономкой, ставшей женой Джона Баскервилля, является дополнением к ретро-тонировке без засечек Mr Eaves.
Неограниченное количество загрузок: более 1 000 000 шрифтов, мокапов и дизайнерских материалов
–Курсивный шрифт миссис Ивс, разработанный Emigre, чистый и разборчивый, сохраняя при этом романтическую формальность Баскервиля.
Разработанный шрифтовым дизайнером Adobe Робертом Слимбахом, Kepler представляет собой классический шрифт с засечками, вдохновленный современными стилями шрифта 18-го века.
Более гуманистический, чем Баскервиль, Кеплер теплый и энергичный, с курсивом, который кажется особенно свежим и оптимистичным.
Очень приятная альтернатива Garamond, Cormorant — это современный шрифт с засечками, созданный Кристианом Тельманном из Catharsis Fonts. Легкий и воздушный, с закругленными формами букв, яркий и свежий дух обычного веса прекрасно переводится в курсив.
Используйте на элегантных канцелярских товарах или на веб-сайтах розничной торговли, чтобы максимально использовать этот стильный, легкий, как перышко, курсив.
Еще одна любимая классика, Caslon — это название, данное семейству шрифтов с засечками, разработанным лондонским основателем шрифтов Уильямом Кэслоном.
Этот шрифт с засечками в старинном стиле нравится дизайнерам за его способность добавлять теплоту и романтику в их дизайн. Это универсальный шрифт, подходящий для набора как основного текста, так и заголовков, а его курсив также является одним из самых красивых в мире.
Freight Text — это отличительный шрифт с засечками. Это характерный и очень разборчивый шрифт, разработанный специально для читателя.
Благодаря высокой удобочитаемости курсивный текст Freight Text хорошо подходит для набора длинных цитат или выдержек из газет, книг или веб-сайтов с большим количеством текста. Изданный литейной компанией GarageFonts, он также имеет обширный набор символов, состоящий из пяти весов.
Разработанный Себастьяном Кошем как наборный шрифт для книг, Crimson Text — это современный взгляд на засечки старого стиля.
В комплекте со всеми дополнительными глифами, такими как маленькие заглавные буквы и флероны, которые делают традиционные засечки особенными, курсив Crimson также очень разборчив и отлично подходит для более длинных фрагментов текста.
Ищете больше вдохновения для типографики? Откройте для себя нашу редакцию лучших шрифтов для оформления журналов здесь.
Курсив | FontSpace
Курсивный шрифт имеет наклонные или наклонные буквы. Этот стиль используется для выделения текста.Между истинным курсивом и наклонными буквами есть небольшая разница.
Связанные стили
Каллиграфия
Курсив
Fancy
Скрипт
Рукописный ввод
Sans Serif
Модерн
Винтаж
Логотип
Свадебный
Контур
Кисть
Декоративный
Тонкий
Дисплей
Брендинг
Логотип
Футуристический
Sci-Fi
Techno
Webfont
- 007
Приглашение
Разборчиво
Будущее
Наклонное
Заголовок
Наклонное
07008
Sans Serif
040004 Serif
Тонкий
Коммерческое использование
Сортировать по
- Популярные
- В тренде
- Новейший
- Имя
Личное использование Бесплатно
3536 загрузок
Для личного пользования Бесплатно
Курсив1479 загрузок
Для личного пользования Бесплатно
472. 7k загрузок
Personal Use Free
241.8k загрузок
Personal Use Free
55359 загрузок
Личное использование Бесплатно
Курсив3220 загрузок
Для личного пользования Бесплатно
Regular Shadow9235 загрузок
Personal Use Free
Курсив18915 загрузок
Для личного пользования Бесплатно
92233 загрузки
100% бесплатно
3579 загрузок
Для личного пользования Бесплатно
Курсив1797 загрузок
100% бесплатно
6978 загрузок
Личное использование Бесплатно
179.1k загрузок
Personal Use Free
Обычный2417 загрузок
Для личного пользования Бесплатно
1709 загрузок
От 1 до 15 из 703 Результаты
- 1
- 2
- 3
- 4
- Далее
Еще больше стилей
Курсивный шрифт
Рукописный ввод
900 Курсив ДекоративныйПолужирный курсив
Отображение курсивом
Современный курсив
Курсив без засечек
Курсив футуристический
9867 Курсивный шрифт
Курсив Базовый
Курсивный курсив
Курсив
Курсив в стиле ретро
Приглашение курсивом
64
9007Italic Outline
Italic Thin
Italic Fancy
Italic Handmade
0 Fial 9864 9864 9864 9867 Курсивный
0 Курсив Каллиграфия
67 Курсив 9007
64 9007 9007
64 Курсив 0004 Italic Wedding
Italic | Шрифты.
comГарнитуры, расположенные под углом, называются курсивом . Сюда входят простые наклонные буквы, а также рисунки, имитирующие рукописное письмо. Первоначально курсивные буквы не предназначались для дополнения римского шрифта. Когда они были представлены в начале 16 века, они были созданы как самостоятельные шрифты. Каждый курсивный шрифт был однобитовым семейством, содержащим только строчные буквы: без заглавных букв, без цифр и без знаков препинания. Практика заключалась в использовании заглавных букв и любых других символов, необходимых для любого римского шрифта, доступного в принтере.Лишь в 17 веке курсив стал законной частью семейства шрифтов с наклонными заглавными буквами и числами, созданными как часть предложения.
Интересно отметить, что ITC Novarese, шрифт, который вызвал недоумение у дизайнеров с момента его выпуска из-за отсутствия курсивных прописных букв, на самом деле является современной интерпретацией традиционного жанра курсива.
Скорописи
Курсив, основанный на классическом почерке, обычно называется курсивом и имеет качество шрифта. Курсивный дизайн обычно ограничивается шрифтами с засечками и гуманным шрифтом без засечек.
косые
Наклонные буквы представляют собой просто наклонные версии латинских букв. Обычно это курсивные шрифты без засечек. В редких случаях это не более чем латинские буквы с наклоном в электронном виде.
Курсив История
Курсивный шрифт Альда Мануция произошел от стиля письма, ставшего популярным к концу 15 века среди образованного класса, включая профессиональных писцов, в южной Италии.
Римские заглавные буквы и курсив в нижнем регистреНаклонный курсив
Курсивный курсив
Его наследие восходит к Никколо де Никколи, итальянскому ученому начала 15 века. Де Никколи начал наклонять и добавлять красок в свои письма, когда ему хотелось писать быстрее, чем обычно.
К середине века другие ученые начали подражать его письму. Фактически, этот стиль получил название «Канчеллереска» из-за преобладания работ, выполненных в этом стиле для городских канцелярий.
Курсивный стиль письма был разработан учеными и образованными правительственными чиновниками, которые были предполагаемой аудиторией книг Мануция. Манутиус поручил дизайнеру шрифтов Франческо Гриффо да Болонье разработать курсив для новой серии небольших книг, которые он планировал выпустить.
Typelore заставляет нас поверить в то, что Мануций изобрел курсивный шрифт как экономию с целью сэкономить место в своих книгах. Это снизило бы расходы на бумагу, сделав книги доступными для людей, которые раньше не могли их себе позволить.Однако экономия не была его мотивацией. Адаптировав популярный стиль к печати, Манутиус и Гриффо надеялись сделать свои книги более привлекательными.
Новые книги оказались очень успешными — настолько успешными, что другие типографии почувствовали себя обязанными выпускать свои собственные книги в этом новом стиле. Проблема заключалась в том, что Мануций не продавал свои новые шрифты конкурентам. Поэтому современники Мануция сделали то, что стало обычной практикой в истории шрифтового дизайна — они скопировали дизайн, который не могли купить. Не желая привлекать внимание к своему плагиату, но все же нуждаясь в названии нового предложения, конкуренты Мануция выбрали «курсив» после Италии, страны, откуда оно возникло.
Скачать статью
курсивомЧто такое курсив?
Обновлено: 30.11.2020 компанией Computer Hope
Курсив — это стиль шрифта, который равномерно наклоняет буквы вправо. Например, это предложение выделено курсивом. Когда шрифт установлен на компьютере, он будет выделен курсивом.Например, для шрифта Verdana есть шрифт Verdana Regular, «Verdana Bold», «Verdana Bold Italic» и «Verdana Italic». Если у шрифта нет курсивной версии, у вас не будет истинного курсива, а при наличии будет только наклонная (наклонная) версия.
Создать курсивный текст в HTML
Чтобы выделить текст на веб-сайте, в блоге или другом HTML-документе курсивом, окружите текст тегом , как показано ниже.
Этот текст должен быть выделен курсивом
Создание текста, выделенного курсивом, в текстовом редакторе, таком как Microsoft Word
- Выделите текст, который нужно выделить курсивом.
- Нажмите кнопку I , которая часто находится между буквами «B» и «U» для жирного и подчеркивания, как показано на следующем рисунке.
Сочетание клавиш для выделения текста курсивом: Ctrl + I на ПК и Chromebook или Command + I на Mac. Чтобы сделать текст курсивом с помощью сочетания клавиш, выделите текст и затем нажмите сочетание клавиш.
Как отключить или удалить курсив
Чтобы отключить или отключить функцию курсива, выполните те же действия, что и для включения курсива.Например, если вы использовали сочетание клавиш Ctrl + I для включения курсива, нажмите его еще раз, чтобы выключить. Чтобы выделить текст курсивом, выделите его, а затем воспользуйтесь сочетанием клавиш или нажмите кнопку курсива.
Когда следует выделять текст курсивом?
Как и многие другие вещи в английском языке, правила выделения текста курсивом зависят от стиля, которому вы следуете. Ниже приведены некоторые общие правила, которым следует большинство руководств по стилю при выделении текста курсивом.
ПримечаниеНекоторые руководства по стилю могут предпочесть использовать подчеркивание вместо курсива для некоторых из следующих правил. При написании всего, что отображается в Интернете, мы предпочитаем использовать курсив, потому что большинство людей считает, что все, что подчеркнуто, является гиперссылкой.
- Используйте курсив, если вы хотите выделить слово или фразу в предложении.
- При написании названия альбома, книги, журнала, фильма, газеты, подкаста, выступления, телешоу или произведения искусства.
- Выделите курсивом слово или фразу на другом языке.
Полужирный, Ctrl + I, Шрифт, , Наклон, Наклон, Термины типографики, Подчеркивание, Термины текстового редактора
Курсив: определение и использование — стенограмма видео и урока
Заголовки, имена и термины
Заголовки обычно выделяются курсивом с одним важным исключением: не выделять курсивом Библию. Кроме того, курсивом не выделяются эпизоды телесериалов, отдельные названия песен и рассказы. Заголовки могут включать заголовки книги, журнала, газеты, компакт-диска или альбома записи, фильма или пьесы.Вот несколько примеров того, когда и когда не следует использовать курсив в названии:
- Для школьного шоу талантов ученики сделали пародию на «All the Single Ladies» с компакт-диска Бейонсе, I Am. . . Саша Свирепый.
- Мне нравится, когда Симпсоны смешно ссылаются на известные пьесы или фильмы, такие как Гамлет , Человек-паук или Матрица.
- Библия — важный набор книг в христианстве.
Вы также должны использовать курсив при цитировании или перечислении названия конкретного судебного дела, как показано здесь:
- Brown v.Board of Education — это историческое дело Верховного суда 1954 года в борьбе за равенство гражданских прав.
Выделите курсивом названия лодок, поездов, других видов транспорта и даже спутников. Обратите внимание, названия автомобилей не выделяются курсивом. Вот несколько примеров того, когда и когда не следует выделять название курсивом:
- Corvette когда-то был очень популярной автомобильной маркой.
- Многие люди погибли, когда затонул Титаник .
- Спутник 1 стал важным достижением России в 1957 году в области открытия космоса.
- Мы очень рады принять новый Восточный экспресс .
Математические термины, физические величины и зоологические ссылки обычно выделяются курсивом в письменной форме. Это научные константы, которые не меняются. Например:
- Многие люди слышали об известном уравнении Эйнштейна E = mc2 , но не знают, что оно представляет: E (энергия) равно m (масса), умноженному на c ( скорость света) в квадрате.
- Помидоры классифицируются как magnoliopsida , или цветковые растения, и поэтому считаются фруктами, а не овощами.
Обратите внимание, что, вводя термин, вы обычно выделяете его курсивом, как показано здесь:
- При сравнении макроэкономики и микроэкономики , важно помнить слова большой и маленький.
Иностранные слова
Используйте курсив при обращении к иностранному слову в тексте.Если вы используете это слово в документе более одного раза, вам нужно выделить его курсивом только в первый раз. Например:
- Во Франции я просыпался каждый день и слышал bon jour , куда бы я ни пошел.
- В ее одежде есть определенный je ne sais quoi , стиль, который трудно определить.
Контрастность и выделение
Курсивный шрифт также может использоваться в письменной форме для демонстрации контраста или выделения. Чтобы подчеркнуть важность слова или темы.Например:
- Я думал, что это будет стоить 9 долларов, но это стоило 59 долларов !
- Элизабет сказала: «Я не могу в это поверить! Вы едите улиток ? »
Элизабет не любит улиток. Курсивом автор показывает, что Элизабет действительно не любит улиток. Но будьте осторожны. Некоторых людей, например учителей, не интересует такой подход, потому что они считают, что вы должны позволить читателю решать, что важно, вместо того, чтобы использовать курсив для контраста или выделения.
Ссылки на звуки
Если вы хотите воспроизвести звук в письменной форме, используйте курсив. Обычно это делается в детских книгах. Однако избегайте выделения курсивом каждого звука. При демонстрации звука выделяйте только курсивом, как показано здесь:
- Испуганная корова испустила длинное муоооооо перед тем, как прыгнуть через луну.
Резюме урока
Давайте рассмотрим. Курсивный шрифт — курсивный наклонный шрифт. Шрифт — это шрифт определенного размера, стиля и плотности, используемый при печати и письме.Когда мы вводим текст с клавиатуры, мы обычно используем римский шрифт , где текст располагается вертикально.
Для сравнения, курсивный шрифт слегка наклонен вправо. Такие организации, как Американская психологическая ассоциация (APA) и Ассоциация современного языка (MLA), имеют разные правила использования курсива. Какой бы подход вас ни попросили использовать, стремитесь к единообразию во всем документе. Примеры отдельных слов и групп слов, которые следует выделить курсивом, включают:
- заголовков , например, книги, журнала, газеты, компакт-диска или альбома, судебного дела, фильма или пьесы
- иностранных слов
- наименований автомобилей
- математических терминов, физических величин и зоологических ссылок
При вводе текста с клавиатуры вы также можете выделить некоторые слова курсивом, чтобы показать контраст и акцент или при воспроизведении звука. Муооооо!
Развитие курсивных шрифтов
Лишь в конце XVI и начале XVII веков курсив взял на себя роль акцента в тексте. К тому времени форма отходила от рукописного происхождения. В этом разделе прослеживаются изменения курсивной формы в период с 16 по 20 века.
Выпущено
15.05.2018 Ключом к единому семейству шрифтов является правильный баланс сходства и различия между шрифтами.При разработке курсива наиболее эффективно начать с существующего римского шрифта и ввести различия: наклон от 10 до 20 градусов, немного более сжатый интервал, более плавные засечки и т. Д. В этом курсе инструктор Чарльз Никс проведет вас через весь процесс создания курсивного шрифта, от прямого римского шрифта до курсивного шрифта. Он показывает, как создавать заглавные и строчные буквы, а также знаки препинания, исследуя такие аспекты, как наклон, ширина основы, форма с засечками и другие фундаментальные различия между латинскими буквами и курсивом.Когда шрифт готов, он уточняет его, добавляя интервалы и кернинг, а также знакомит с стратегиями создания и тестирования окончательных файлов шрифтов. Он также предлагает ценные ресурсы для дальнейшего изучения курсивного шрифта и типографики в целом. Темы включают:- Курсив против римского
- Настройка файла шрифта
- Создание курсивных заглавных букв
- Пунктуация
- Строчный курсив
- Интервал курсивом
- Создание и тестирование файлов шрифтов
Уровень квалификации
Средний2ч 48м
Продолжительность
4802
Просмотры
Показать больше Показывай меньше
Продолжить оценку
Вы уже начали эту оценку ранее, но не прошли ее.Вы можете продолжить с того места, где остановились, или начать заново.
Продолжить Начать сначалаНе запрещайте курсив по причинам доступности. Вы принесете больше вреда, чем пользы
7 января 2019 | Тед Пейдж
Почему общий запрет на курсив по причинам доступности, скорее всего, принесет больше вреда, чем пользы
По причинам доступности некоторые организации вводят полный запрет на использование курсива в онлайн-копиях. Здесь будут утверждать, что это ошибка.
Хотя блокирует курсивного текста для многих людей, запрет курсива во всех контекстах может лишить текст большей части его семантического богатства, делая его менее читаемым и, следовательно, менее доступным.На данный момент разумное использование курсива принесет наибольшие общие преимущества, но в долгосрочной перспективе решение состоит в разработке систем чтения, позволяющих настраивать полные тексты.
Исследования на сегодняшний день
На сегодняшний день в этой области проведено лишь ограниченное исследование. Одно из самых влиятельных исследований — это Rello and Baeza-Yates, Good Fonts For Dyslexia, 2013 (PDF, 683 КБ). (Примечание: это PDF-файл без тегов, который может быть более или менее недоступен для некоторых читателей.В этом исследовании измерялось влияние типа шрифта на людей с дислексией. Было протестировано 48 человек, каждому из которых было предложено прочитать по 12 текстов с использованием 12 различных шрифтов, 3 из которых были курсивными. Один из выводов исследования заключался в том, что у людей с дислексией «курсивный шрифт снижает способность читать».
Проверялись только блоки текста
В данном контексте наиболее важным моментом, который следует отметить в исследовании, является то, что все 12 текстов, использованных в тесте, имели длину 60 слов.Другими словами, исследование проводилось только на блоках текста. Но, как будет видно, текст, который обычно выделяется курсивом, часто состоит из коротких фраз или даже отдельных слов или цифр.
WCAG / WebAIM об использовании курсива
Существует множество уважаемых и надежных ресурсов по обеспечению доступности, которые не рекомендуют использовать блоков курсивного текста. Например, в документе WCAG Understanding Guideline 3.1 есть рекомендательный прием, позволяющий «избегать фрагментов курсивного текста».Аналогичным образом WebAIM советует следующее: «Не используйте курсив или полужирный шрифт в длинных частях текста», но в то же время «используйте различные стилистические элементы (курсив, полужирный шрифт, цвет, краткую анимацию или контент с другим стилем), чтобы выделить важный контент. ».
Международные стандарты
Следует также отметить, что многие соглашения об использовании курсива закреплены в международных стандартах, включая BS 5605 (цитирование и ссылки на опубликованные материалы), BS ISO 690 (библиографические ссылки и цитаты) и ISO 999 (содержание, организация и представление). индексов).
Что теряешь при запрете курсива
Как подробно описано в публикации 2008 года в этом блоге (курсив), курсив придает смысл контенту во многих важных аспектах. К ним относятся:
- выделение (вместо жирного для сильного выделения)
- произведений (названия книг или документов, акты парламента, судебные дела, фильмы, теле- и радиопрограммы, картины, композиции, названия кораблей и самолетов…)
- иностранных слов или фраз ( tête-à-tête , faux ) или в биологии для латинских двучленов ( homo sapiens ) Стилизованный текст
- , такой как « см. » и « см. Также » перекрестные ссылки указателя или указатели указателя, которые относятся к иллюстрациям, картам или схемам
В некоторых случаях выделение слова курсивом может полностью изменить значение предложения. Например, предложение «Он искал подходящую пенсию» без курсива означает «Он искал подходящий финансовый план для своей старости». Однако, если вы выделите слово «пенсия» курсивом, это полностью изменит значение предложения на что-то вроде «Он искал подходящий пансион в континентальном стиле».
Нет единого мнения среди читателей с дислексией
Даже среди людей с дислексией нет единого мнения, что общий запрет на курсив был бы полезен.Например, Мартин Питт в обсуждении на форуме GitHub (май 2017 г.) заявил:
Монотонные стены текста никому не годятся. Форматированный текст — это фантастика… [он добавляет] разборчивости абзацам текста, добавляя различный вес шрифта (например, жирный), курсив и цвет. … Таким образом, практика, или догма, запрещающая вариативность текста — просто плохая идея.
Долгосрочное решение: настройка полного текста
Идеальное долгосрочное решение проблем, с которыми некоторые читатели могут столкнуться с курсивом, — это, конечно же, выбор пользователя путем настройки полного текста. Но насколько это реалистично?
Документ Олафа Дрюммера, 2012 г., Насколько осуществима настройка текста для PDF? предлагает интересный обзор PDF-файлов, особенно в свете недавно опубликованного стандарта PDF / UA.
Однако я бы очень не согласился с утверждением статьи о том, что настройка цвета и перекомпоновка текста в PDF подходят только для очень простых документов. Напротив, эти важные функции в значительной степени контролируются опытными авторами документов, и я бы сказал, что PDF-файл, который не оптимизирован для обоих, не может действительно называть себя доступным PDF-файлом.
Подробнее о том, почему это так, см. Доступность PDF-файлов и порядок чтения по теме перекомпоновки. Что касается настройки цвета, см. Сообщения об ошибках цвета фона PDF в Acrobat / Reader DC, в которых объясняется одна из основных проблем, и обходной путь InDesign: вставка в который дает решение. (Примечание: необычных цветов фона лучше избегать в MS Word, который является отличным текстовым редактором, но не очень популярной программой для верстки страниц.