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


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


90% * дизайна сайта сводится к:

  • (1) ресурсы изображения, которые вы используете 
  • (2) выбранные вами шрифты.
    (* Это наша личная, абсолютно гипотетическая, предвзятая оценка.)

Сервисы встраивания шрифтов (например, Google Web Fonts или Adobe Fonts) возникла как альтернатива, придавая вашим проектам что-то новое, свежее и неожиданное.

Они также очень просты в использовании.

Взять, к примеру, Google:

Выберите любой шрифт, как Open Sans или Дроид с засечками или Лато. Сгенерируйте код и вставьте в свой документ. И все готово для ссылки на него в CSS!

Это заняло 60 секунд. И это было совершенно бесплатно. (Спасибо, Google!)

Что может пойти не так, верно?

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

Нет, если вы создадите запасной вариант с помощью безопасной веб-альтернативы.!

Вот как это работает.

Постскриптум Мы недавно опубликовали бесплатный, пошаговое руководство о том, как создать сайт с помощью WordPress.

Почему «Безопасный Веб» имеет значение?

Каждое устройство поставляется с собственным предустановленным выбором шрифта. Выбор основан в основном на его операционной системе.

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

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

Теперь подтяните сайт. Даже этот будет работать. Шрифт, который вы видите, может не соответствовать оригинальному.

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

Вы, как посетитель, не обязательно знаете, что именно это и произошло. Для вас это может выглядеть просто некрасиво.

«Безопасные для сети» доступны во всех операционных системах. Это небольшая коллекция шрифтов, которые перекрываются от Windows к Mac и Google (даже для Unix или Linux).

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

Это план Б, версия «на всякий случай». Аварийная система, чтобы спасти мир от неудачного выбора шрифта.

Понял? Хорошо! Давайте рассмотрим самые популярные веб-шрифты на выбор.

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


Там может быть еще несколько.

Но это лучшие 15 безопасных веб-шрифтов на выбор. Выберите один из них, и вы не ошибетесь.

1. Arial

Веб-безопасный шрифт - Arial

Arial похож на де-факто стандарт для большинства.

Это один из наиболее широко используемых шрифтов без засечек (что означает наличие маленьких завитков в конце каждой буквы). Он часто заменяется на устройствах Windows на другие интересные (читай: более красивые) варианты шрифтов.

2. Робото

Web Safe Font - Roboto

Roboto – это шрифт без засечек, разработанный Google для системного шрифта для Android.

3. Times New Roman

Веб-безопасный шрифт - Times New Roman

Times New Roman для засечек, что Arial для засечек.

Он является одним из самых популярных на устройствах Windows и представляет собой новый вариант старого шрифта Times.

4 раза

Веб-безопасный шрифт - Times

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

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

Web Safe Font - Курьер Новый

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

6. Курьер

Web Safe Font - Курьер

Courier – это старый моно-космический резерв, доступный практически на всех устройствах и операционных системах..

7. Вердана

Веб-безопасный шрифт - Verdana

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

8. Грузия

Web Safe Font - Грузия

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

9. Палатино

Web Safe Font - Палатино

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

10. Гарамонд

Web Safe Font - Garamond

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

11. Книжник

Web Safe Font - Bookman

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

12. Comic Sans MS

Веб-безопасный шрифт - Comic Sans MS

Comic Sans MS – игривая, причудливая альтернатива другим вариантам без засечек.

Это также немного странно. Не используйте это! ��

13. Чандара

Веб Безопасный Шрифт - Candara

Candara – это шрифт без засечек, заказанный Microsoft. Он является частью коллекции шрифтов ClearType, выпущенной с Windows Vista.

14. Arial Black

Веб-безопасный шрифт - Arial Black

Arial Black – более крупная, смелая и плохая версия вашего базового Arial. Достаточно забавно, это также разделяет пропорции с Helvetica. Почему это важно? Чтобы они могли первоначально используйте его, чтобы заменить Helvetica и распечатать вещи без оплаты лицензии.

15. Воздействие

Web Safe Font - Влияние

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

Вывод

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

Они широко доступны и были доступны на большинстве устройств в течение десятилетий (в некоторых случаях).

В то время как не все из них #winners (Comic Sans MS? Yuck!), их достаточно для выбора, который должен быть тесно связан с вашим первоначальным вариантом.

Что происходит, если нет? Вы не можете ошибиться с Arial!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map