10 лучших веб-безопасных шрифтов для вашего блога (работа с HTML и CSS)

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


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

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

Все операционные системы (Windows, Mac, Android, IOS и т. Д.) Поставляется с определенным количеством встроенных шрифтов. Проблема в том, что в разных ОС могут быть установлены разные гарнитуры.

Вот где приходят шрифты Web Safe.

Шрифты Web Safe – это в основном стили шрифтов, которые являются общими и доступны для просмотра на всех платформах и в разных системах..

Услуги по внедрению веб-шрифтов

Google веб-шрифты или Typekit являются системами, которые позволяют использовать шрифты, размещенные на их серверах. Typekit устанавливает цену на основе количества шрифтов, трафика сайта и количества доменов, в отличие от Google Web Fonts.

Благодаря Google, веб-шрифты Google полностью бесплатны и просты в использовании. Например, вы можете выбрать типы шрифтов, такие как Лато, Open Sans или Тинос. Вставьте сгенерированный код в ваш документ. И все готово для ссылки на него в CSS.

Вот основной HTML для начинающих, если вы хотите узнать больше.

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

«То, что вы видите, это то, что вы получаете», когда речь идет о печати, но в Интернете то, что вы видите на экране, может быть не совсем таким, как на чужом экране..

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

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

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

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

10 лучших веб-безопасных шрифтов, которые мы рекомендуем

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

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

1. Arial

ArialПример семейства шрифтов Arial

Загрузите любой веб-сайт и, скорее всего, он будет использовать шрифт Arial.

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

2. Helvetica

HelveticaПример семейства шрифтов Helvetica

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

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

3. Times New Roman

раз новый роман-Пример семейства шрифтов Times New Roman

Новый вариант старого шрифта Times.

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

4 раза

разПример семейства шрифтов Times

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

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

5. Требушет М.С.

Требучет-мсПример семейства шрифтов Trebuchet MS

Первоначально разработанный Microsoft в девяностых, Trebuchet MS был вдохновленный старыми средневековыми шрифтами.

В течение некоторого времени он широко использовался в качестве основного шрифта для Windows XP и шрифтов основного текста в Интернете..

6. Вердана

VerdanaПример семейства шрифтов Verdana

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

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

7. Arial Black

Arial-черныйПример семейства шрифтов Arial Black

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

8. Курьер

курьерПример семейства шрифтов Courier

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

Это не самый стильный шрифт, но он очень читабелен и аккуратно оформлен.

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

Новый КурьерПример семейства шрифтов Courier New

Как и Times, у Courier также был редизайн, который модернизировал его классический стиль..

Courier New считается моноширинным шрифтом и доступен на большинстве устройств и операционных систем..

10. Грузия

ГрузияПример семейства шрифтов Georgia

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

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

Абсолютно не используйте: Comic Sans MS

Конечно, это выглядит забавно и несколько причудливо, однако, не используйте Comic Sans MS, если вы хотите, чтобы ваш сайт воспринимался всерьез.

комическийПример шрифта Comic Sans MS

Шрифт Sans-Serif – это случайный пример надписи в комиксах, который обычно используется для неформальных документов и детских материалов. Если вы не пишете для детской книги или комикса, не используйте Comic Sans MS!

Заворачивать

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

Просто пообещайте мне, что вы не будете использовать Comic Sans MS ни при каких обстоятельствах.

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