Взгляните на любой веб-сайт, независимо от отрасли, размера компании или других дифференцирующих факторов, и вы наверняка увидите, что их объединяет общее текстовое содержание. Способ отображения текста – это практика типографского дизайна, и это один из наиболее важных аспектов внешнего вида сайта, а также его успеха.
В течение многих лет веб-дизайнеры ограничивались количеством шрифтов, которые они могли бы использовать, если они хотели, чтобы эти шрифты надежно отображались на создаваемых ими веб-сайтах. Эти шрифты, которые были найдены на большинстве компьютеров, назывались «безопасными веб-шрифтами». Возможно, вы слышали этот термин в прошлом от веб-дизайнера, который пытался объяснить вам, почему определенный дизайн шрифта не может быть использован в дизайне вашего сайта.
Веб-типография прошла долгий путь за последние несколько лет, и веб-дизайнеры и разработчики больше не ограничиваются использованием лишь нескольких безопасных веб-шрифтов. Рост числа веб-шрифтов и возможность напрямую ссылаться на файлы шрифтов открыли целый новый мир возможностей для использования шрифтов сайта. Как бы ни был полезен доступ к такому большому количеству новых шрифтов, эти проверенные и настоящие веб-безопасные шрифты по-прежнему занимают важное место в современном веб-дизайне.
Ссылки на веб-шрифты
При использовании на вашем сайте шрифтов, которые могут отсутствовать на чьем-либо компьютере, вам необходимо указать ссылку на файл веб-шрифта и дать указание веб-сайту использовать этот файл шрифта вместо просмотра на компьютере посетителей. Связывание с этими внешними шрифтами, которые либо включены вместе с остальными ресурсами вашего сайта, либо могут быть связаны с использованием стороннего сервиса шрифтов, дает вам практически неограниченный выбор шрифтов, но это преимущество имеет свою цену. Внешние шрифты должны загружаться на сайт, что будет влиять на производительность во время загрузки веб-страницы. Здесь безопасные веб-шрифты могут быть полезны! Поскольку эти файлы шрифтов загружаются непосредственно с компьютера посетителя, при загрузке веб-сайта производительность не снижается. Вот почему многие веб-дизайнеры сейчас используют смесь веб-шрифтов, которые необходимо загрузить вместе с этими надежными веб-безопасными шрифтами. Это может быть лучшим из обоих миров, поскольку вы получаете доступ к некоторым новым и экзотическим шрифтам, но при этом можете управлять производительностью сайта и общим влиянием загрузки.
Sans Serif Web Safe Шрифты
Это семейство шрифтов является одним из лучших вариантов для веб-безопасных шрифтов. Если вы включите их в свои наборы шрифтов, почти все люди будут видеть страницу правильно. Вот некоторые наиболее распространенные шрифты, которые можно использовать без засечек:
- Arial
- Arial Black
- Tahoma
- Требушет М.С.
- Verdana
Некоторые другие варианты без засечек, которые обеспечат вам хорошее общее покрытие, но могут отсутствовать на некоторых компьютерах. Просто помните, что если вы используете их, вы также должны включить более распространенный в качестве резервной копии из списка выше в ваш стек шрифтов.
- В. Готика
- Женева
- Lucida
- Люцида Санс
- Люсида Гранде
Serif Web Safe Fonts
В дополнение к шрифтам без засечек, семейство шрифтов с засечками является еще одним популярным выбором для веб-сайтов. Вот некоторые из ваших самых безопасных ставок для вас, если вы хотите использовать шрифт с засечками:
- курьер
- Новый Курьер
- Грузия
- раз
- Times New Roman
Еще раз, список ниже – это шрифты, которые будут на многих компьютерах, но которые имеют меньший общий охват, чем список выше. Вы можете использовать эти шрифты довольно надежно, но в ваш набор шрифтов также следует включить более распространенный шрифт с засечками (из списка выше).
- MS Serif
- Нью-Йорк
- Palatino
- Палатино Линотип
Моноширинные шрифты
Хотя шрифты с засечками и без засечек не так широко используются, моноширинные шрифты также являются опцией. Эти шрифты имеют буквы, которые расположены на одинаковом расстоянии друг от друга. Они не имеют широкого распространения на разных платформах, но если вы хотите использовать моноширинный шрифт, это ваши лучшие ставки:
- курьер
- Новый Курьер
Эти шрифты также имеют некоторый охват.
- Lucida Console
- Монако
Курсивные и Фантазийные Шрифты
Курсивные и фэнтезийные шрифты не популярны как с засечками или без засечек, и витая природа этих шрифтов делает их неуместными для использования в качестве основного текста. Эти шрифты чаще используются в качестве заголовков и заголовков, где они установлены шрифтами большего размера и только для коротких пакетов текста. Стилистически эти шрифты могут выглядеть действительно великолепно, но вам необходимо сопоставить внешний вид шрифта с читабельностью любого текста, который вы установили, используя их.
В Windows и Macintosh доступен только один рукописный шрифт, но не в Linux. Это Comic Sans MS. Не существует фэнтезийных шрифтов, которые бы хорошо охватывали браузеры и операционные системы.Это означает, что если вы используете на своем сайте курсив фэнтезийных шрифтов, вы, вероятно, используете их как веб-шрифты и ссылаетесь на соответствующий файл шрифта.
Смартфоны и мобильные устройства
Если вы разрабатываете страницы для мобильных устройств, выбор шрифтов, безопасных для Интернета, может быть различным. Для устройств iPhone, iPod и iPad общие шрифты включают в себя:
- Arial
- курьер
- Новый Курьер
- Грузия
- Helvetica
- Palatino
- Times New Roman
- Требушет М.С.
- Verdana
Веб-шрифты являются отличным выбором при рассмотрении дизайна нескольких устройств, поскольку возможность загрузки внешних шрифтов даст вам гораздо более согласованный вид от устройства к устройству. Затем вы можете закачивать эти загруженные шрифты одним или двумя безопасными веб-вариантами, чтобы получить внешний вид и производительность, необходимые для успеха вашего сайта.
