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