Продолжаем радовать вас нашими видео-обзорами и на этой неделе разберем несколько техник (стандартных и не очень) для подключения web-шрифтов на страницы. Среди них будут как самостоятельно-захостеные варианты, так и специальные сервисы типа Typekit и Google Fonts.
#
@font-face
Я достаточно исчерпывающе сказал про директиву @font-face и магазины со шрифтами типа fonts.com и fontsquirrel.com. Но существуют случаи, когда у коллег имеются ворованные скачаные бесплатные шрифты и их бы тоже перегнать во все необходимые форматы. Для этого существует терминальная утилита ccs3fonts, про которую мы в паблике сегодня постили.
Adobe Typekit
Поступают комментарии, что не всегда понятно как использовать Typekit, поэтому постараемся пролить свет. В первую очередь скажем о том, что существует несколько ценовых планов: Trial, Personal, Portfolio и Performance. Если у вас Enterprise-проект и вам нужно еще больше просмотров, то с вами договорятся отдельно.
Мы используем план Portfolio, прежде всего потому что он предлагает доступ ко всей библиотеке, которая насчитывает свыше 4200 web-шрифтов. Обратите внимание, что здесь имеются ввиду не семейства, а шрифты (regular bold и regular italic это два разных шрифта).
Typekit Desktop Sync
Также обратите внимание на шрифты, которые доступны для Desktop-синхронизации с вашим приложением Creative Cloud и последующего использования в продуктах, типа Photoshop. Для Desktop-синхронизации доступны не все шрифты, для некоторых семейств с 8 начертаниями доступны только два (regular и bold).
Typekit Web Sync
Когда выбранные шрифты уже добавлены в «набор» (для каждого сайта нужно создавать «набор» и к конкретным доменам привязывать) можно настраивать какие начертания будут подгружаться для того, чтобы регулировать размер файлов. Также можно выбирать языки, символы которых нужно подгрузить (существенно экономит место, особенно если вам не нужна кириллица). А еще, Typekit поддерживает OpenType! А это и лигатуры и вообще кучи всякого.
Ну как вам?
Добавить комментарий