Выбор правильного семейства шрифтов для вашего сайта

Люди предпочитают рекомендуемые и стандартные продукты, чтобы избежать любых непредвиденных проблем, и выбор семейства шрифтов для вашего сайта больше не является исключением. Поскольку разные темы и плагины предлагают разные наборы шрифтов, перед выбором какого-либо конкретного семейства шрифтов для вашего сайта необходимо выполнить определенную проверку совместимости.

В основном владельцы сайтов могут выбирать из двух типов шрифтов – общие шрифты и шрифты Google.

Использование общих шрифтов

Эти семейства шрифтов признаны во всем мире и имеют стандартизованную интерпретацию. Примеры конкретных семейств шрифтов включают Arial, Times New Roman, Verdana и т. Д. Эти шрифты обычно устанавливаются в операционных системах любого типа, и браузерам не требуются какие-либо внешние ресурсы для загрузки этих семейств шрифтов, что увеличивает скорость загрузки страницы. При использовании стандартных шрифтов проблем совместимости между браузерами и операционными системами не возникнет.

Если вы хотите улучшить взаимодействие с пользователем, определите атрибут «font-family» в CSS с несколькими сериями. Когда браузер не может найти первое семейство шрифтов, он будет искать второе в качестве запасного варианта, если второе семейство также не работает, он будет искать третье. Рекомендуется предоставить сначала более конкретное семейство, а затем общее для управления запасными шрифтами в этом семействе. Например:

p {
font-family: Courier, Georgia, Serif;
}

Здесь фактический шрифт на странице – Courier, а запасной – Georgia. В случае, если оба шрифта не найдены, для обеспечения читабельности будут использоваться общие шрифты семейства Serif (вместо других семейств шрифтов, таких как моноширинные, которые могут полностью изменить визуальный вид сайта).

Шрифты с засечками, без засечек, курсив, фэнтези и моноширинные шрифты являются общими.

Использование шрифтов Google

Шрифты Google наиболее популярны среди владельцев сайтов, которые используются для представления пользователям красивого контента. Но это связано с определенными скрытыми издержками с точки зрения конфиденциальности и скорости страницы. Большинство тем, имеющих варианты типографики, предлагают полный набор из более чем 600 семейств шрифтов Google, из которых владельцы сайтов могут выбирать разные шрифты для различных элементов на сайте. Например, вы можете выбрать «Лато» для меню навигации и «Освальд» для содержимого. Проблема здесь в том, что браузеру необходимо загружать шрифты Google, используемые на странице, с серверов Google. В зависимости от количества используемых семейств шрифтов загрузка файлов шрифтов для локального использования занимает некоторое время.

Веб-страница вызывает шрифты Google через API

Некоторые пользователи также могут иметь привычку часто очищать данные просмотра, файлы шрифтов необходимо загружать каждый раз, когда браузер повторно открывается в таком случае.

Помимо скорости, Google также отслеживает сайты, используя их шрифты для статистических целей. Поэтому, если вы чувствуете, что это нарушает вашу конфиденциальность, избегайте использования шрифтов Google.

Google также заблокирован в таких странах, как Китай, и сайты, использующие шрифты Google, могут не загружаться вечно, когда в браузере отображается сообщение «Ожидает fonts.googleapis.com…».

Использование специальных шрифтов

Веб-мастера также должны избегать использования некоторых специальных семейств шрифтов на своих сайтах. Семейство символьных шрифтов является одним из них, и вот почему его не следует использовать на сайте.

Несколько дней назад пользователь заметил нас на приведенном ниже снимке экрана нашей домашней страницы после того, как мы изменили семейство шрифтов с Arial на Symbol.

Символьные шрифты в виде греческих букв

Символьные шрифты в виде греческих букв

Страница выглядела отлично, когда мы проверили ее в Chrome, Firefox и Safari на Mac. Но во всех браузерах на базе Windows вместо фактического содержимого показывался полный мусор греческих букв. Причина в том, что семейство символьных шрифтов представляет собой не что иное, как набор греческих букв и математических символов и не имеет глобальных стандартов для использования на веб-страницах. В зависимости от операционной системы и браузера он интерпретируется как греческие буквы или фактическое содержимое. Мы пишем это как предупреждение для издателей не использовать семейство символьных шрифтов на сайте. Также может быть много других шрифтов специального назначения, которые владельцы сайтов не должны выбирать без проверки совместимости.

Заключение

Читаемость важнее украшения, поэтому всегда старайтесь выбирать стандартное семейство шрифтов. Это обеспечивает совместимость на всех платформах и обеспечивает улучшенный пользовательский интерфейс с более быстрой загрузкой страницы. Еще один способ – определить несколько семейств шрифтов в таблице стилей, чтобы, когда браузер не может найти первое, следующее будет рассматриваться как резерв, обеспечивающий беспроблемный пользовательский интерфейс.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *