25 Gorgeous Web Safe Fonts для вашего сайта

Статья написана:
  • Интернет бизнес
  • Обновлено: Ян 17, 2019

Если вы магазин электронной коммерции or начинающий блоггер, единственное, что объединяет все веб-сайты, - это использование текста для контента. Полагая некоторые мысли на ваш отображаемый текст (или типографский дизайн), неудивительно важно при создании общей эстетики вашего сайта и обеспечении его успеха.

Вот что, у вас может быть потрясающий шаблон WordPress или добавить впечатляющие изображения на ваш сайт. Если вы используете непривлекательный основной шрифт (или, что еще хуже, Comic Sans!), То вы все равно получите веб-сайт, который выглядит и чувствует непрофессиональный.

Кроме того, вы отсутствуете в изобилии великолепной веб-типографии, доступной в Интернете.

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

Благодаря нашим великолепным веб-безопасным шрифтам 25 вы обязательно получите потрясающую веб-типографию для своего веб-сайта, которая работает все время, к концу этой статьи!

Что такое безопасный веб-шрифт?

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

Почему важны веб-безопасные шрифты?

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

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

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

В других целях, чтобы избежать этого, веб-дизайнеры использовали Основные шрифты для Интернета что Microsoft выпустила в 1996 в качестве стандарта для большинства веб-сайтов. Эти шрифты в конечном итоге стали «веб-безопасными шрифтами», потому что независимо от компьютера шрифты будут безопасно отображаться на вашем веб-сайте.

Должен ли я использовать веб-безопасные шрифты для моего сайта?

Короткий ответ: Абсолютно.

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

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

Как добавить эти веб-безопасные шрифты?

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

Если вы все еще не уверены, просто выполните следующие несколько простых шагов:

  1. Загрузите файл header.php
  2. Скопируйте источник шрифта / стандартный код
  3. Вставьте код в верхней части файла заголовка.
  4. Загрузите свой стиль.css, поместите код шрифта, чтобы изменить текст шрифта по вашему выбору.

К концу этого вы должны иметь таблицу стилей, которая выглядит так:

25 Gorgeous Web Safe Fonts для вашего сайта

1. Arial

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

2. Calibri

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

3. Helvetica

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

4. Пользовательский интерфейс Segoe

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

5. Trebuchet MS

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

6. Камбрия

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

7. Palatino

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

8. Perpetua

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

9. Грузия

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

10. Consolas

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

11. Новый Курьер

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

12. Tahoma

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

13. Verdana

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

14. Optima

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

15. Gill Sans

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

16. Готический век

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

17. Candara

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

18. Андале Моно

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

19. Дидо

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

20. Копперская готика

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

21. Rockwell

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

22. Бодони

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

23. Франклин Готик

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

24. Влияние

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

25. Calisto MT

Ссылки / Источник: Fonts.com / Шрифт шрифта CSS

Шрифтовые инструменты для проверки

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

Шрифтовая пара

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

Wordmark.it

Если вы хотите быстро просмотреть, как будет выглядеть ваш текст с определенным шрифтом, Wordmark.it дает вам мгновенный предварительный просмотр того, как ваш текст будет отображаться сразу на нескольких шрифтах. Просто введите слово или фразу на панели своей главной страницы, нажмите «Ввод», и он покажет вам текст с разными шрифтами, такими как Candara или Lucida Console.

WhatTheFont

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

Это все о шпионской игре

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

Когда вы используете веб-безопасные шрифты, приятные для глаз, ваши пользователи будут благодарны и более охотно возвращаются и потребляют больше вашего контента. Чего же ты ждешь? Начните использовать эти шрифты и сделать потрясающий сайт для вашего бизнеса!

Статья Азрин Азми

Азрин Азми - писатель с склонностью писать о маркетинге и технологии контента. С YouTube на Twitch он пытается поддерживать связь с последним в создании контента и узнавать лучший способ продвижения вашего бренда.

Присоединиться: