Шрифт в: Красивые шрифты онлайн | Написать текст и скопировать

Содержание

Тег | htmlbook.ru

Internet Explorer Chrome Opera Safari Firefox Android iOS
3.0+ 1.0+ 2.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Тег <font> представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей.

Синтаксис

<font>Текст</font>

Закрывающий тег

Обязателен.

Атрибуты

color
Устанавливает цвет текста.
face
Определяет гарнитуру шрифта.
size
Задает размер шрифта в условных единицах.

Валидация

Использование этого тега осуждается спецификацией HTML, валидный код получается только при использовании переходного <!DOCTYPE>.

Пример

HTML 4.01IECrOpSaFx

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег FONT</title>
 </head>
 <body>
  <p><font size="5" color="red" face="Arial">П</font>ервая буква этого предложения 
    написана шрифтом Arial, выделена красным цветом и увеличена в размерах.</p>
 </body>
</html>

Результат данного примера показан на рис.  1.

Рис. 1. Изменение вида текста

возвращаем шрифт к стандартному уменьшаем и увеличиваем

Кастомизация отображения текстов позволит повысить уровень комфорта работы и сделать интерфейс операционной системы более привычным. Например, похожим на оформление предыдущих версий системы.

Использование стандартных функций системы

Проще всего научиться изменять системный шрифт в Windows 10 с помощью встроенной в систему утилиты. Она называется редактором реестра и требует для настройки отображения текста выполнения следующих действий:

  • Перейти к самой утилите: используйте комбинацию клавиш Win+R, а потом введите ввести regedit.
  • Выбрать раздел Fonts, который расположен в ветке HKEY_LOCAL_MACHINE/SOFTWARE/Microsoft/Windows NT/CurrentVersion.
  • Удалить все значения для тех шрифтов, имена которых совпадают со стандартным Segoe UI — кроме Emoji.
  • В этой же ветке реестра найти раздел FontSubstitutes.
  • Создать строковый параметр под названием Segoe UI и ввести в строку значения название нового шрифта, который будет установлен по умолчанию.
  • Для завершения изменений следует выйти из реестра и из системы вообще. Затем снова зайти.

Название подходящего шрифта можно посмотреть в каталоге Windows\Fonts, расположенном системном разделе. А узнать, как будут отображаться после изменения отдельные буквы, поможет встроенная функция «Таблица символов» или текстовый редактор MS Word.

Изменение для последних обновлений системы

В современных версиях Windows 10 есть возможность установки новых размеров шрифтов без изменения масштаба других элементов. Его преимущество — отсутствие необходимости скачивать и устанавливать стороннее ПО. Для увеличения размера шрифта Windows 10 выполняют такие действия:

  • Перейти к приложению «Параметры» (можно просто нажать Win + I).
  • Открыть раздел специальных возможностей.
  • Перейти к «Дисплею» и указать значения новых размеров текста, которые задаются в процентах от установленных по умолчанию.
  • Применить выбранные и настройки подождать, пока они начнут действовать.

Величину символов можно попробовать изменить и с помощью установки новых настроек масштабирования. Для этого снова придется открыть приложение «Параметры», перейти сначала к «Системе», затем к «Дисплею» и, наконец, к разделу масштаба и разметки. Здесь можно выбрать, как будут масштабироваться элементы системы, вместе с которыми изменятся и размеры шрифтов.

Настройки для старых версий

Если версия системы сравнительно старая, до 1703, есть возможность изменения размера ее шрифтов путем выполнения таких шагов:

  • Перейти к разделу «Дисплей» в приложении «Параметры».
  • Выбрать дополнительные параметры экрана.
  • Выбрать дополнительные изменения для элементов.
  • Найти раздел, где можно изменять параметры только для текста, и внести изменения для отдельных элементов системы.

При желании в этом же окне можно увеличить или уменьшить размеры всех элементов, которые изменятся вместе с параметрами текста. Изменения будут приняты после нажатия на «Применить». Не понадобится даже выход из Виндоус, как при использовании других способов.

Возврат к стандартному отображению

Разобравшись с возможностями установки новых параметров текста, стоит познакомиться с тем, как вернуть стандартный шрифт в Windows 10. Для этого достаточно сделать следующее:

  • Перейти к вкладке шрифтов системы.
  • Открыть раздел параметров шрифта.
  • Нажать по кнопке восстановления всех параметров.

После этого характеристики текста вернутся к значениям, установленным в системе по умолчанию. Возврат срабатывает в большинстве случаев. Хотя перед использованием реестра стоит создать «Точку восстановления» — или сохранить копию файла с помощью стороннего ПО типа CCleaner.

Программы для изменения шрифта в Windows 10

Среди способов сменить шрифт в Windows 10 — применение специально разработанных для этой цели программ.

Утилита Winaero Tweaker

Здесь порядок действий следующий:

  • Открыть утилиту и перейти к расширенным (Advanced) настройкам.
  • Выбрать вариант из имеющегося списка — для изменения доступны и текст в строке состояния, и заголовки, и даже подписи к иконкам.
  • Нажать на Change font, выбрав начертание, размеры и стиль.
  • Сохранить изменения (Apply changes), выйти из Виндовс и зайти обратно.

Все, что было изменено в программе, так же легко восстановить. Для сброса настроек следует выбрать в ее главном меню соответствующую кнопку (Reset). При ее нажатии настройки отображения текста станут такими же, как до использования утилиты.

Advanced System Font Changer

Еще один метод, который поможет поменять шрифт на компьютере Windows 10, заключается в использовании Advanced System Font Changer. Работать с утилитой несложно — достаточно выполнить такие действия:

  • Зайти в утилиту и выбрать из списка шрифты, которые будут изменяться.
  • Установить параметры текста. При использовании утилиты доступны изменения шрифтов заголовков, пунктов меню и панели статуса в окне.
  • При необходимости, внести изменения в характеристики других элементов.

Пользоваться программой Advanced System Font Changer можно бесплатно, скачав ее с официального сайта разработчика. При необходимости сброса настроек можно использовать расположенную в основном окне утилиты кнопку Default.

System Font Size Changer

Утилита System Font Size Changer помогает изменять настройки шрифта Windows 10, внося изменения в реестр. Причем перед запуском программа предлагает сохранить reg-файл с текущими параметрами. Его следует открыть, когда понадобится вернуть стандартные настройки.

В окне программы можно настраивать размеры шрифта или сделать его полужирным (Bold).

Для изменения доступны стандартные элементы системы — заголовки, меню, окна сообщений, подписи и названия панелей. В отличие от большинства похожих утилит, с этой меняется даже шрифт подсказок.

Читайте также:

CSS-шрифты

Шрифт в CSS — это ресурс, содержащий визуальное представление символов. На самом простом уровне он содержит информацию, которая сопоставляет коды символов с фигурами (называемые глифами), представляющие эти символы.

Шрифты, использующие общий стиль дизайна, обычно группируются в семейства шрифтов, классифицируемые набором стандартных свойств шрифта.

Внутри семейства форма, отображаемая для данного символа, может варьироваться в зависимости от толщины обводки, наклона или относительной ширины.

Ресурсы шрифтов могут быть установлены локально на устройстве, в котором работает браузер. Для локальных ресурсов шрифта описательная информация может быть получена непосредственно из ресурса шрифта (например, из файла arial.ttf). Для загружаемых ресурсов шрифтов, также называемых веб-шрифтами, описательная информация включена со ссылкой на ресурс шрифта (например, для шрифта Poiret One).

Используя различные шрифты для заголовков, абзацев и других элементов, можно задавать определенный стиль письменных сообщений, передавая желаемые эмоции и настроение. Окунаясь в многообразие шрифтов, не забывайте, что текст основного содержимого веб-страницы должен быть в первую очередь читабельным.

Не рекомендуется использовать более двух шрифтов на странице, а желаемого контраста можно достигнуть за счет комбинирования шрифтов разной толщины, размера, начертания или же при помощи цвета. Более подробно с правилами веб-типографики вы сможете ознакомиться в предложенной статье.

Базовые свойства CSS-шрифтов

1. Семейство шрифтов: свойство font-family

Свойство font-family используется для выбора начертания шрифта. Поскольку невозможно предсказать, установлен тот или иной шрифт на компьютере посетителя вашего сайта, рекомендуется прописывать все возможные варианты однотипных шрифтов. В таком случае браузер будет проверять их наличие, последовательно перебирая предложенные варианты.

Если в названии шрифта имеются пробелы или символы (например, #, $, %), то оно заключается в кавычки. Это делается для того, чтобы браузер мог понять, где начинается и заканчивается название шрифта.

Свойство наследуется.

font-family
Значения:
family-name Название (имя) семейства шрифтов, например, Times, Courier, Arial. Рекомендуется указывать вместе с базовым семейством.
generic-family Базовое семейство. CSS определяет пять базовых семейств шрифтов:
Шрифты с засечками — Serif (Times New Roman, Times, Garamond, Georgia)
Рубленые шрифты — Sans-serif (Helvetica, Geneva, Arial, Verdana, Trebuchet, Univers)
Моноширинные шрифты — Monospace (Courier, Courier New, Andele Mono)
Рукописные шрифты — Cursive (Comic Sans, Gabriola, Monotype Corsiva, Author, Zapf Chancery)
Аллегорические шрифты (Western, Woodblock, Klingon)
initial Устанавливает значение свойства в значение по умолчанию.
inherit Наследует значение свойства от родительского элемента.

Синтаксис

font-family: "Times New Roman", Georgia, Serif;
font-family: serif;
font-family: sans-serif;
font-family: monospace;
font-family: cursive;
font-family: fantasy;
font-family: system-ui;
font-family: inherit;
font-family: initial;

2.

Насыщенность шрифта: свойство font-weight

Свойство font-weight задаёт насыщенность шрифта.

Свойство наследуется.

font-weight
Значения:
normal Значение по умолчанию, устанавливает нормальную насыщенность шрифта. Эквивалентно значению насыщенности, равной 400.
bold Делает шрифт текста полужирным. Эквивалентно значению насыщенности, равной 700.
bolder Насыщенность шрифта будет больше, чем у предка.
lighter Насыщенность шрифта будет меньше, чем у предка.
100, 200, 300, 400, 500, 600, 700, 800, 900 Значение 100 соответствует самому легкому варианту начертания шрифта, а 900 — самому плотному. При этом, эти числа не определяют конкретной плотности, т.е. 100, 200, 300 и 400 могут соответствовать одному и тому же варианту слабой насыщенности начертания шрифта; 500 и 600 — средней насыщенности, а 700, 800 и 900 могут выводить одинаковое очень насыщенное начертание. Распределение плотности так же зависит от количества уровней насыщенности, определенных в конкретном семействе шрифтов.
initial Устанавливает значение свойства в значение по умолчанию.
inherit Наследует значение свойства от родительского элемента.

Синтаксис

font-weight: normal;
font-weight: bold;
font-weight: lighter;
font-weight: bolder;
font-weight: 100;
font-weight: 200;
font-weight: 300;
font-weight: 400;
font-weight: 500;
font-weight: 600;
font-weight: 700;
font-weight: 800;
font-weight: 900;
font-weight: inherit;
font-weight: initial;
Рис. 1. Свойство font-weight

3. Ширина шрифта: свойство font-stretch

Свойство font-stretch позволяет выбрать нормальное, сжатое или расширенное начертание символа из семейства шрифтов. Свойство не работает на любом шрифте, а только на шрифтах, для которых разработаны различными начертания, соответствующими определенным размерам.

Свойство наследуется.

Абсолютные значения ключевых слов имеют следующий порядок, от самого узкого до самого широкого:

font-stretch
Значения:
ultra-condensed Указывает на наиболее сжатый шрифт.
extra-condensed Указывает на второй по сжатости шрифт.
condensed Указывает на сжатый шрифт.
semi-condensed Указывает на немного сжатый шрифт.
normal Значение по умолчанию.
semi-expanded Слегка расширенный шрифт.
expanded Расширенный шрифт.
extra-expanded Второй по расширенности шрифт.
ultra-expanded Максимально расширенный шрифт.
initial Устанавливает значение свойства в значение по умолчанию.
inherit Наследует значение свойства от родительского элемента.

Синтаксис

font-stretch: ultra-condensed;
font-stretch: extra-condensed;
font-stretch: condensed;
font-stretch: semi-condensed;
font-stretch: normal;
font-stretch: semi-expanded;
font-stretch: expanded;
font-stretch: extra-expanded;
font-stretch: ultra-expanded;
font-stretch: inherit;
font-stretch: initial;

Когда не существует глифа для заданной ширины, значения normal или condensed отображаются для более узкого начертания символа, в противном случае отображается более широкое начертание. И наоборот, расширенные значения используют широкое начертание, в противном случае — узкое начертание. На рисунке ниже показано, как девять параметров свойства влияют на выбор шрифта для семейства шрифтов, содержащего различные ширины, серый цвет указывает ширину, для которой не существует начертания, поэтому подставляется другая ширина:

Рис. 2. Свойство font-stretch

4. Начертание шрифта: свойство font-style

Свойство font-style позволяет выбрать стиль начертания для шрифта. При этом разница между курсивом и наклонным начертанием заключается в том, что курсив вносит небольшие изменения в структуру каждого символа, в то время как наклонное начертание представляет собой наклонную версию прямого шрифта.

Свойство наследуется.

font-style
Значения:
normal Значение по умолчанию, устанавливает для текста обычное начертание шрифта.
italic Выделяет текст курсивом.
oblique Устанавливает наклонное начертание шрифта.
initial Устанавливает значение свойства в значение по умолчанию.
inherit Наследует значение свойства от родительского элемента.

Синтаксис

font-style: normal;
font-style: italic;
font-style: oblique;
font-style: inherit;
font-style: initial;
Рис. 3. Свойство font-style

5. Размер шрифта: свойство font-size

Свойство font-size указывает желаемую высоту глифов из шрифта.

Свойство наследуется.

font-size
Значения:
absolute-size xx-small, x-small, small, medium, large, x-large, xx-large. В качестве стандартного размера принимается medium. В CSS1 предложенный коэффициент масштабирования между соседними индексами составлял 1.5, что для пользователя оказалось слишком большим. В CSS2 предложенный коэффициент масштабирования для экрана компьютера между смежными индексами составлял 1.2, что все еще создавало проблемы для небольших размеров. Новый коэффициент масштабирования варьируется между каждым индексом, чтобы обеспечить лучшую читаемость.
relative-size smaller, larger. Относительные размеры обусловливают изменение размера шрифта элемента относительно родителя. При этом размер шрифта может выйти за рамки размеров, предполагаемых для xx-small и xx-large.
длина Размер шрифта устанавливается с помощью положительных значений единиц длины, например, px, em, как целых, так и дробных.
% Относительное значение, вычисляется на основании любого размера, унаследованного от родительского элемента. Обеспечивает более точную настройку вычисляемого размера шрифта. Задание размеров шрифта с помощью em эквивалентно процентному значению.
initial Устанавливает значение свойства в значение по умолчанию.
inherit Наследует значение свойства от родительского элемента.

Синтаксис

font-size: xx-small;
font-size: x-small;
font-size: small;
font-size: medium;
font-size: large;
font-size: x-large;
font-size: xx-large;
font-size: smaller;
font-size: larger;
font-size: 14px;
font-size: 0. 8em;
font-size: 80%;
font-size: inherit;
font-size: initial;
Значения absolute-size
xx-small x-small small medium large x-large xx-large
Коэффициент масштабирования
3/5 3/4 8/9 1 6/5 3/2 2/1 3/1
HTML заголовки
h6 h5 h5 h4 h3 h2
HTML размер шрифта
1 2 3 4 5 6 7

6. Относительный размер шрифта: свойство font-size-adjust

Для любого заданного размера шрифта явный размер и четкость текста варьируется в зависимости от шрифта. Для таких шрифтов, как латиница или кириллица, которые различают прописные и строчные буквы, относительная высота строчных букв по сравнению с их прописными аналогами является определяющим фактором удобочитаемости. Это обычно называют значением аспекта. Точно определенный, он равен x-height шрифта, разделенной на размер шрифта.

В ситуациях, когда для шрифта указано несколько семейств шрифтов, резервные шрифты могут не использовать то же значение аспекта, что и желаемое семейство шрифтов, и, следовательно, будут казаться менее четкими.

Свойство font-size-adjust — способ сохранить читабельность текста при использовании резервных шрифтов. Это достигается путем настройки размера шрифта таким образом, чтобы x-height была одинаковой независимо от используемого шрифта.

Свойство наследуется.

Рис. 4. Термины в типографике
font-size-adjust
Значения:
none Не сохраняет x-height шрифта.
число Задает значение аспекта, используемое в приведенных ниже расчетах для расчета скорректированного размера шрифта:
c = (a / a ') s
где:
s = значение размера шрифта
a = значение аспекта, указанное в свойстве font-size-adjust
a ' = значение аспекта фактического шрифта
c = скорректированный размер шрифта для использования
Отрицательные значения недействительны.
initial Устанавливает значение свойства в значение по умолчанию.
inherit Наследует значение свойства от родительского элемента.

Синтаксис:

font-size-adjust: none;
font-size-adjust: 0.7;
font-size-adjust: inherit;
font-size-adjust: initial;

Как отображается текст в каждом из этих сравниваемых шрифтов, показано ниже, столбцы показывают текст, отображаемый в Verdana, Futura и Times. Одно и то же значение размера шрифта используется для ячеек в каждой строке, и для отображения различий по x-height включены красные линии. В верхней половине каждая строка отображается в том же значении размера шрифта. То же самое верно и для нижней половины, но в этой половине также устанавливается свойство font-size-adjust, чтобы фактический размер шрифта регулировался таким образом, чтобы сохранить x-height для каждой строки. Обратите внимание, что небольшой текст остается относительно разборчивым в каждой строке в нижней половине.

Рис. 5. Текст с использованием и без использования font-size-adjust

7. Сокращенная запись свойств шрифта: свойство font

Свойство font за исключением описанного ниже, является сокращенным свойством для установки font-style, font-variant, font-weight, font-stretch, font-size/line-height, font-family. Также могут быть включены значения для свойства font-variant, которые поддерживаются CSS 2.1 — normal или small-caps.

Все подсвойства свойства font сначала сбрасываются на свои начальные значения, включая перечисленные выше, плюс font-size-adjust, font-kerning, все подсвойства font-variant и настройки шрифтов, за исключением font-synthesis. Затем этим свойствам присваиваются те значения, которые указаны в свойстве font. Для свойства font-size-adjust невозможно установить значение, отличное от его начального значения, поэтому следует использовать вместо этого индивидуальное свойство. Если явное значение какого-либо свойства не нужно, то оно опускается.

Свойство наследуется.

Синтаксис

font: 12pt/14pt sans-serif;
font: 80% sans-serif;
font: x-large/110% "new century schoolbook", serif;
font: bold italic large Palatino, serif;
font: normal small-caps 120%/120% fantasy;
font: condensed oblique 12pt "Helvetica Neue", serif;

Следующие значения относятся к системным шрифтам:
caption — шрифт, используемый для элементов управления с субтитрами (например, кнопок, раскрывающихся списков и т.д.).
icon — шрифт, используемый для обозначения значков.
menu — шрифт, используемый в меню (например, раскрывающиеся меню и списки меню).
message-box — шрифт, используемый в диалоговых окнах.
small-caption — шрифт, используемый для маркировки подписи элементов управления.
status-bar — шрифт, используемый в строке состояния окна.

Системные шрифты могут быть установлены только целиком; то есть семейство шрифтов, размер, вес, стиль и т.д. задаются одновременно. Эти значения затем могут быть изменены индивидуально, если это необходимо. Ключевые слова, используемые для системных шрифтов, перечисленных выше, обрабатываются как ключевые слова только в том случае, если они находятся в начальной позиции, в других позициях эта же строка обрабатывается как часть имени семейства шрифтов. Системные шрифты могут быть указаны только с этим свойством, но не с самим font-family.

font: menu;        /* используются настройки шрифта для системных меню */
font: large menu;  /* используется семейство шрифтов под названием "menu" */

8. Управление синтезом шрифтов: свойство font-synthesis

Свойство font-synthesis определяет, разрешено ли пользовательским агентам (браузерам) синтезировать полужирное или наклонное начертание шрифтов, когда они отсутствуют в семействе шрифтов. Если weight не указан, пользовательские агенты не должны синтезировать полужирное начертание, а если style не указан, пользовательские агенты не должны синтезировать курсив.

Свойство наследуется.

font-synthesis
Значения:
none Запрещает синтез начертаний.
weight и/или style По умолчанию свойство принимает значение font-synthesis: weight style;. Если указано только weight, это говорит браузеру, что жирный шрифт может быть синтезирован при необходимости. Если только style — синтезируется только курсив.
initial Устанавливает значение свойства в значение по умолчанию.
inherit Наследует значение свойства от родительского элемента.

Синтаксис

font-synthesis: none;
font-synthesis: weight;
font-synthesis: style;
font-synthesis: weight style;
font-synthesis: initial;
font-synthesis: inherit;

По материалам CSS Fonts Module Level 3

Шрифты в законе.

Особенности лицензирования и использования шрифтов

Долгое время в России и странах постсоветского пространства отсутствовало понимание авторского права. Сейчас, шаг за шагом, мы учимся оформлять подписки на видеоконтент, покупать книги и музыку. У нас формируется уважение к чужому интеллектуальному труду благодаря ужесточению законодательства в отношении пиратского контента.

{«id»:155418,»url»:»https:\/\/vc.ru\/design\/155418-shrifty-v-zakone-osobennosti-licenzirovaniya-i-ispolzovaniya-shriftov»,»title»:»\u0428\u0440\u0438\u0444\u0442\u044b \u0432 \u0437\u0430\u043a\u043e\u043d\u0435. \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0448\u0440\u0438\u0444\u0442\u043e\u0432″,»services»:{«facebook»:{«url»:»https:\/\/www. facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/design\/155418-shrifty-v-zakone-osobennosti-licenzirovaniya-i-ispolzovaniya-shriftov»,»short_name»:»FB»,»title»:»Facebook»,»width»:600,»height»:450},»vkontakte»:{«url»:»https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/design\/155418-shrifty-v-zakone-osobennosti-licenzirovaniya-i-ispolzovaniya-shriftov&title=\u0428\u0440\u0438\u0444\u0442\u044b \u0432 \u0437\u0430\u043a\u043e\u043d\u0435. \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0448\u0440\u0438\u0444\u0442\u043e\u0432″,»short_name»:»VK»,»title»:»\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435″,»width»:600,»height»:450},»twitter»:{«url»:»https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/design\/155418-shrifty-v-zakone-osobennosti-licenzirovaniya-i-ispolzovaniya-shriftov&text=\u0428\u0440\u0438\u0444\u0442\u044b \u0432 \u0437\u0430\u043a\u043e\u043d\u0435. \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0448\u0440\u0438\u0444\u0442\u043e\u0432″,»short_name»:»TW»,»title»:»Twitter»,»width»:600,»height»:450},»telegram»:{«url»:»tg:\/\/msg_url?url=https:\/\/vc.ru\/design\/155418-shrifty-v-zakone-osobennosti-licenzirovaniya-i-ispolzovaniya-shriftov&text=\u0428\u0440\u0438\u0444\u0442\u044b \u0432 \u0437\u0430\u043a\u043e\u043d\u0435. \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0448\u0440\u0438\u0444\u0442\u043e\u0432″,»short_name»:»TG»,»title»:»Telegram»,»width»:600,»height»:450},»odnoklassniki»:{«url»:»http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st. shareUrl=https:\/\/vc.ru\/design\/155418-shrifty-v-zakone-osobennosti-licenzirovaniya-i-ispolzovaniya-shriftov»,»short_name»:»OK»,»title»:»\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438″,»width»:600,»height»:450},»email»:{«url»:»mailto:?subject=\u0428\u0440\u0438\u0444\u0442\u044b \u0432 \u0437\u0430\u043a\u043e\u043d\u0435. \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0448\u0440\u0438\u0444\u0442\u043e\u0432&body=https:\/\/vc.ru\/design\/155418-shrifty-v-zakone-osobennosti-licenzirovaniya-i-ispolzovaniya-shriftov»,»short_name»:»Email»,»title»:»\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443″,»width»:600,»height»:450}},»isFavorited»:false}

4089 просмотров

То же самое касается и шрифтов. Их создают живые люди, которые ценят свои ресурсы и время. На работу, в зависимости от сложности и знакового состава, может быть потрачено несколько месяцев или даже лет. Соответственно, и стоимость лицензии на использование шрифта варьируется от многих факторов.

Платный или бесплатный

Бесплатные шрифты бывают абсолютно бесплатные. Например, системные, установленные на компьютерах: Arial, Times New Roman, Georgia и другие.

Бывают бесплатные с подвохом. Например, системный шрифт MacOS Helvetica можно использовать только на устройствах Apple. Хотите расширить сферу — покупайте отдельную лицензию.

Тоже самое касается шрифтов, распространяемых сервисом Google Fonts.

Оставшиеся 90% шрифтов платные. Стоимость лицензии зависит от условий использования шрифта.

Чем больше альтернативных знаков, лигатур, технических символов, тем большее количество языков поддерживает шрифт — тем выше его цена и больше юридических нюансов.

{«url»:»https:\/\/booster.osnova.io\/a\/relevant?site=vc»,»place»:»between_entry_blocks»,»site»:»vc»,»settings»:{«modes»:{«externalLink»:{«buttonLabels»:[«\u0423\u0437\u043d\u0430\u0442\u044c»,»\u0427\u0438\u0442\u0430\u0442\u044c»,»\u041d\u0430\u0447\u0430\u0442\u044c»,»\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c»,»\u041a\u0443\u043f\u0438\u0442\u044c»,»\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c»,»\u0421\u043a\u0430\u0447\u0430\u0442\u044c»,»\u041f\u0435\u0440\u0435\u0439\u0442\u0438″]}},»deviceList»:{«desktop»:»\u0414\u0435\u0441\u043a\u0442\u043e\u043f»,»smartphone»:»\u0421\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u044b»,»tablet»:»\u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b»}},»isModerator»:false}

Или чем чаще вы используете шрифт в вебе, тем дороже он вам обходится. Будьте внимательны, узнавайте условия приобретения и особенности использования шрифта в лицензии. Многие ведущие производители шрифтов внесли корректировки в лицензионную политику, которые обязывают приобретать лицензию на шрифт даже в случае отсутствия установки шрифта на компьютер.

Особенности лицензирования в России

В российском законодательстве лицензирование шрифта можно осуществляться двумя способами:

  • Шрифт как программное обеспечение. В таком случае разработчик просто передаёт вам право на использование файла.
  • Шрифт как авторское произведение. Это двойная защита продукта, так как охраняется не только шрифтовой файл, но и рисунок шрифта. Так разработчик контролирует, кем и для чего используется файл. Даже при наличии лицензии у дизайнера и передачи изображений в кривых клиенту это не даёт заказчику возможности использовать результат работы. Чтобы не нарушать закон, он вынужден приобретать лицензию, даже если никогда не будет пользоваться шрифтовым файлом.

Виды лицензий

  • Веб-лицензия нужна для отображения шрифта на сайте. Шрифт встраивается в код. Web-лицензия обычно учитывает статистику посещений страницы. Чем больше посетителей, тем выше стоимость. Если показатели сайта растут, значит нужно запрашивать новую лицензию.
  • Digital Ads — лицензия разрешает встраивание шрифта в интернет-рекламу, например, баннеры. Стоимость может зависеть от количества показов.
  • App-лицензия учитывает количество скачиваний приложения.
  • Лицензия для ePub — встраивание шрифта в электронные книги.
  • Server-лицензия используется в том случае, когда пользоваться шрифтом могут не только обладатели лицензии. Это почти как облачное хранилище шрифта. Такой вариант лицензии можно внедрять в работе агентства.
  • Desktop-лицензия в основном требуется дизайнерам, которые работают с материальным брендингом — печатью упаковки, рекламных материалов, сувениров, баннеров и так далее. Шрифт встраивается в растре или в векторе.

Подробнее про Desktop-лицензию

  • Нужно ли клиенту покупать лицензию, если у дизайнера она уже куплена?

В большинстве случаев, если вы приобрели лицензию только для своего компьютера, то и использовать шрифт можете только вы. Передача результата клиенту осуществляется в кривых, без шрифтового файла. Вы же не передаёте заказчику вместе с макетами с расширением ai ещё и программу Adobe Illustrator. Лицензия принадлежит вам, и в будущем вы можете использовать шрифт в других проектах. А клиенту необходимо самостоятельно приобретать права на шрифт.

  • Нужно ли покупать несколько лицензий агентству, если над одним проектом работает команда дизайнеров?

Да, ведь мы говорим о десктоп-лицензии, которая распространяется на конкретные устройства. Не забывайте закладывать расходы на шрифт при составлении коммерческого предложения.

  • Можно ли по десктоп-лицензии использовать шрифт для создания логотипа?

Всё зависит от условий лицензии. Например, у Paratype есть отдельная лицензия для использования шрифта в логотипе.

Где искать шрифты?

В сети можно найти огромное количество интернет-ресурсов с предложениями шрифтов:

  • Интернет-магазины. Например, MyFonts или FontShop — можно найти почти все. Есть даже подборки новинок и акции на шрифты.
  • Магазины крупных студий-производителей. Например, Adobe, Monotype, Linotype, Hoefler&Co.
  • Независимые дизайн-студии — Letterhead Studio, Contrast Foundry, Temporarystate, Brownfox, Paratype, Type.Today.
  • Программы по аренде шрифтов — Fontstand. Этот вариант дешевле и удобнее, чем покупка.
  • Облачные хранилища. Оформить подписку можно на месяц или на год. У вас не будет физического файла, но будет доступ к использованию шрифта. Это отличный вариант для тех, кто работает с разными проектами и создаёт концепции. Например, Typekit.

В Ферме мы ведём таблицу с интернет-ресурсами по шрифтам и записываем их особенности. Делимся с вами и будем рады обратной связи.

Шрифт, установленный сторонним производителем, не отображается в списке шрифтов в Word для Mac