15 безопасных веб-шрифтов

Одной из главных задач веб-дизайна является подбор правильных стандартных шрифтов.

Выберите любой шрифт в сервисе Google Web Fonts или Adobe Fonts, например Open Sans или Droid Serif или Лато, сгенерируйте код и вставьте его в вашего сайта.

Это заняло 60 секунд. И это было совершенно бесплатно.

Но что может пойти не так?

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

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

Проблема в том, что каждая система немного отличается.

Устройства на базе Windows могут иметь одну группу. MacOS одни тянут от другого. Собственная система Android Google также использует свою собственную.

В веб-дизайне есть понятие «безопасные шрифты». Они есть во всех операционных системах (Windows, Mac, Google, а также Unix и Linux).

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

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

 

Безопасные веб-шрифты

 

1. Arial

Arial — это стандарт де-факто для большинства и один из наиболее широко используемых шрифтов без засечек (что означает отсутствие маленьких завитков в конце каждой буквы).

2. Times New Roman

Times New Roman используется для шрифтов с засечками, как Arial для шрифтов без засечек. Он один из самых популярных на устройствах с Windows и представляет собой новую вариацию старого шрифта Times.

3. Courier New

Courier New, похожий на Times New Roman, является разновидностью еще одной старой классики. Он также считается моноширинным шрифтом (в отличие от шрифта с засечками и без засечек, который мы только что видели).

4. Courier

Courier — это старый моноширинный резервный серверный шрифт, доступный почти для всех устройств и операционных систем.

5. Verdana

Вердана — настоящий веб-шрифт, потому что: 1) простые линии без засечек и 2) у него очень большой размер. Буквы почти вытянутые, что позволяет легко читать онлайн.

6. Georgia

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

7. Palatino

Палатино восходит к эпохе Возрождения. Шутки в сторону! Это еще один крупный шрифт, который идеально подходит для Интернета, который традиционно используется для заголовков и рекламы в печатном стиле.

8. Garamond

Garamond — еще один шрифт старой школы, восходящий к стилям, используемым в Париже 16 века. Эта новая и улучшенная версия была представлена ​​и включена в состав большинства устройств Windows (и с тех пор была принята другими).

9. Bookman

Книжник (или Bookman Old Style) — еще один идеальный вариант заголовка, который сохраняет читаемость (или читаемость) даже при использовании небольшого размера.

10. Tahoma

Тахома относится к шрифту без засечек. Он широко использовался как альтернатива Arial и был шрифтом по умолчанию в некоторых более ранних версиях Windows, таких как Windows 2000, Windows XP и Windows Server 2003.

11. Trebuchet

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

12. Arial Black

Ариал Блэк — это более крупная, смелая и плохая версия вашего базового Arial. Как ни странно, он также имеет пропорции с Helvetica. Почему это важно? Чтобы они могли изначально использовать его для замены Helvetica и печати, не платя за лицензию.

13. Impact

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

14. Comic Sans MS

Comic Sans MS — забавная и причудливая альтернатива другим вариантам без засечек. Это тоже довольно странно. Но с другой стороны, этот шрифт легко читать людям с дислексией.

 

Вывод

Веб-безопасные шрифты — это план Б, резервный вариант, когда ваш первый вариант может не сработать. Эти шрифты широко доступны для большинства устройств.

Оставить заявку