Встроенные веб-шрифты могут добавить стильную типографику в ваш веб-дизайн всего за несколько килобайт. Методы, которые раньше требовали больших, медленно загружаемых изображений, теперь обрабатываются легкими файлами шрифтов и несколькими строками CSS. С тех пор как свойство CSS @ font-face получило широкую поддержку от всех основных браузеров, специализированные шрифты стали очень популярными. В результате появилось множество разнообразных сервисов веб-шрифтов, которые используют потенциал встроенных шрифтов.
Существует довольно много очень популярных сервисов шрифтов, и некоторые очень громкие имена создали свои собственные библиотеки шрифтов. Typekit (от Adobe) является известным поставщиком шрифтов, и Google также предлагает обширную библиотеку шрифтов . Существуют десятки менее известных, но не менее достойных сайтов, таких как Fonts Live , Fontdeck и Webtype .
Такие сервисы, как Fontdeck, предлагают широкий выбор шрифтов, начиная с $ 2,50 в год.
Преимущества встроенных шрифтов многочисленны: изменения даже самых заметных надписей на ваших сайтах легко выполняются без утомительной задачи загрузки оригинального дизайна в Photoshop, исправления заголовков или слоганов и экспорта. И осознанный выбор шрифта, который хорошо сочетается с вашей другой эстетикой, почти наверняка лучше, чем откладывать на вездесущий шрифт, такой как Helvetica или Arial, или, что еще хуже, позволяющий различным браузерам определять, как будет выглядеть ваш текст на основе их собственных значений по умолчанию. Наконец, создание больших букв из реального текста (вместо текстовых изображений) может дать некоторые преимущества SEO и скорости сайта, которые позволят сделать ваш сайт более заметным в результатах поиска.
Но у сервисов веб-шрифтов есть несколько недостатков, которые идут со всей этой стильной типографикой. Использование внешнего сайта для получения информации о шрифтах может привести к заметно более медленной загрузке страницы, и шрифты могут полностью отсутствовать, если внешняя библиотека шрифтов не работает или если ваша установка каким-то образом прервалась. Существует множество резервных вариантов, которые помогут вашему сайту «изящно провалиться», если возникает проблема с вашим предпочтительным шрифтом, но немногие дизайнеры хотят, чтобы их дизайн был скомпрометирован, независимо от того, сделан он «изящно» или нет. Трудно не полагаться на предпочитаемые шрифты, и в результате сайт, зависящий от шрифта, может выглядеть очень некрасиво и странно, если эти тщательно отобранные шрифты пропадают. Дополнительная стоимость и увеличение времени загрузки могут быть небольшими, но тем не менее они являются частью цены, которую приходится платить за красивую типографику.
И реальность такова, что все эти сервисы основаны на @ font-face, который доступен каждому для самостоятельного использования.
У вас есть предпочтительная библиотека шрифтов? Вы работаете напрямую с @ font-face? Или вы вообще избегаете специализированных шрифтов?