Важно внимательно рассмотреть встроенные веб-шрифты, прежде чем внедрять их на веб-страницу. Есть несколько причин, по которым он может быть полезным и красивым, но многие эксперты в сообществе веб-дизайнеров считают, что их следует избегать.
Плюсы встроенных веб-шрифтов
Встроенные веб-шрифты — воплощение мечты дизайнера. Вместо того, чтобы полагаться только на несколько «стандартных» веб-шрифтов с засечками или без засечек, таких как Arial, Helvetica, Times New Roman, Georgia и т. п., дизайнеры могут выбирать самые эзотерические шрифты, которые они хотят использовать для своих веб-страниц. например шрифт графитового истинного типа или шрифт hulkamania. Возможности ограничены только вашей фантазией.
Обычно использование специализированных шрифтов требовало создания изображений, например, для баннеров и логотипов. Это ограничивало общее использование специальных шрифтов, потому что никому не нравится неблагоприятно увеличивать размер своих веб-страниц с таким количеством изображений, которые можно было бы легко заменить текстом. При использовании встроенных веб-шрифтов с использованием CSS, а не изображений, шрифты могут быть «True-Type» (стандартный формат, который четко отображается компьютерами). Вот почему сегодня вы можете скачать так много бесплатных специализированных шрифтов, таких как бесплатный свадебный текстовый шрифт , бесплатный шрифт Dr. Seuss или даже бесплатные детские шрифты.
Использование этих специальных шрифтов, по словам популярной колонки о веб-дизайне A List Apart , «может улучшить эстетику и увеличить визуальное разнообразие в Интернете». Но не все довольны этим потенциалом.
Минусы: авторское право и уродство
Некоторые считают, что произвольное использование встроенных шрифтов нарушит авторские права, поскольку часть процесса заключается в том, что пользователи загружают фактический шрифт на свой компьютер. Это означает, что у них есть доступ к шрифту, за который они не платили, и у них нет лицензии на использование. Понятно, что это расстроило профессиональных типографов.
Однако есть несколько известных профессиональных типографов, таких как Рэй Лараби, которые предоставляют открытую лицензию сотням высококачественных шрифтов True Type для использования в Интернете. Добавьте это ко многим доступным бесплатным шрифтам, таким как бесплатные свадебные текстовые шрифты или бесплатные детские шрифты, и вариантов множество. Единственная оставшаяся мера предосторожности, которой должен следовать дизайнер, — это эстетика.
Однако эстетика может быть большой проблемой. На заре Интернета использование мигающего тега и вращающихся трехмерных пылающих логотипов создало целый жанр веб-сайтов, известных как «Отстойные веб-сайты». Многие профессиональные дизайнеры считают, что встроенные веб-шрифты вернут Интернет к тем ранним дням, когда веб -пространство будет завалено блестящими шрифтами и другими необычными шрифтами. Достаточно беспокойства, что некоторые веб-путешественники используют браузеры, которые могут легко отключить таблицы стилей (например, Firefox, выбрав Вид — Стиль страницы — Без стиля).
Есть несколько дополнительных, более технических причин избегать использования встроенных шрифтов вместо десяти или около того «стандартных» шрифтов. Во-первых, он представляет собой уязвимость к вирусам, например уязвимость, обнаруженную экспертами в версии Microsoft Internet Explorer. Хотя эта конкретная уязвимость уже устранена, встроенные шрифты остаются потенциальной мишенью для дальнейших атак вредоносного ПО.
Другая причина, по которой, вероятно, следует избегать встроенных шрифтов, заключается в том, что они еще не работают во всех браузерах. В то время как это является частью спецификации CSS2, W3C еще сглаживая детали, и даже когда это происходит , не все браузеры собираются принять этот стандарт. Важно, и это потребует дополнительной работы, чтобы убедиться, что если выбранный вами специальный шрифт не отображается на странице так, как вам нравится, он «изящно» ухудшится, то есть до шрифта, который по-прежнему отображает ваш контент. легко читать.
Как это сделать
В Интернете есть много разных мест, где можно узнать, как включать встроенные шрифты в ваши таблицы стилей CSS. A List Apart предлагает учебник с примерами кода, как и SSI Developer .
Это не так просто, как просто выбрать шрифт. Гарнитура должна быть преобразована в файл, который может преобразовать CSS, который является либо переносимым ресурсом шрифта (.pfr), либо встраиваемым открытым шрифтом (.eot используется только для проводника 4.0 в Windows). После того, как дизайнеры шрифтов создали и сохранили эти файлы в Интернете, вы используете конструкцию CSS, известную как font-face, для вызова нужного шрифта на вашей странице, используя типичные теги свойств для управления размером, интервалом, цветом и т. д.
Хотя использование встроенных веб-шрифтов довольно просто, для многих сайтов это может не стоить усилий просто из-за отсутствия совместимости во многих браузерах. Тем не менее, одно нельзя отрицать: веб-дизайнеры наверняка имеют в своей палитре еще одну кисть для создания красивых страниц в Интернете.