Главная
Web-дизайн
Стандартные шрифты для сайтов

Стандартные шрифты для сайтов

Стандартный шрифт

Доброго времени суток. 🙂
Каждый вебмастер, кто работает и развивает свой сайт или занимается созданием сайтов для других, сталкивался с вопросом о шрифтах, а вернее от том какие шрифты стандартные для всех браузеров, а какие надо подключать. Чтобы узнать как подключить сторонние шрифты - читайте статью - Подключение сторонних шрифтов к сайту.
Если Вас интересует какие шрифты являются стандартными для использования на своем сайте, то эта статья для Вас.
Стандартные шрифты, это те, что установлены на каждом компьютере и выглядят одинаково. Каждый кто откроет сайт, где использован такой шрифт, увидит то же что и все, и содержимое ни в коем случаи не будет выглядеть иначе. Таких шрифтов можно указать несколько. Ниже приведена таблица шрифтов для Windows и Mac.

Значение @font-family Windows Mac Семейство
Arial, Helvetica, sans-serif Arial Arial, Helvetica sans-serif
"Arial Black", Gadget, sans-serif Arial Black Arial Black, Gadget sans-serif
"Comic Sans MS", cursive Comic Sans MS Comic Sans MS5 cursive
"Courier New", Courier, monospace Courier New 6 monospace
Georgia, serif Georgia1 Georgia serif
Impact,Charcoal, sans-serif Impact Impact5, Charcoal6 sans-serif
"Lucida Console", Monaco, monospace Lucida Console Monaco5 monospace
"Lucida Sans Unicode", "Lucida Grande", sans-serif Lucida Sans Unicode Lucida Grande sans-serif
"Palatino Linotype", "Book Antiqua", Palatino, serif Palatino Linotype, Book Antiqua3 Palatino6 serif
Tahoma, Geneva, sans-serif Tahoma Geneva sans-serif
"Times New Roman", Times, serif Times New Roman Times serif
"Trebuchet MS", Helvetica, sans-serif Trebuchet MS1 Helvetica sans-serif
Verdana, Geneva, sans-serif Verdana Verdana, Geneva sans-serif
Symbol Symbol2 Symbol2 -
Webdings Webdings2 Webdings2 -
Wingdings, "Zapf Dingbats" Wingdings2 Zapf Dingbats2 -
"MS Sans Serif", Geneva, sans-serif MS Sans Serif4 Geneva sans-serif
"MS Serif", "New York", serif MS Serif4 New York6 serif

  • 1 Шрифты которые вставляются еще с Windows 98 и включены в IE.
  • 2 Символьные которые есть только в Internet Explorer, в остальных браузерах они будут заменены на стандартный шрифт.
  • 3 Шрифт Book Antiqua похож на Palatino Linotype; Palatino Linotype поставляется с Windows 2000/XP, а Book Antiqua — с Windows 98.
  • 4 Данные шрифты плохо выглядят с некоторыми размерами.
  • 5 Эти шрифты работают в Safari только в стандартном начертании, но не работают при выделении жирным или курсивом.
  • 6 Такие шрифты могут быть установлены в Mac, но только при Classic-инсталляции

Готовый результат на сайте будет Выглядеть примерно так, как на изображении ниже:

Стандартныйе шрифты

Чтобы подключить шрифт в стилях к класу или айди просто берите названия из таблицы выше, а именно из первого столбца Значение @font-family.

Например: font-family:Arial, Helvetica, sans-serif;

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

На этом все, спасибо за внимание. 🙂




Если Вам был полезным мой труд, можете поддержать сайт, обменяться со мной текстовыми ссылками или посмотреть рекламку, что займет 2 минуты :)


Оцените статью
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(4 голоса, в среднем: 5 из 5)

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

Заполните поля ниже. Ваш e-mail не будет опубликован. Обязательные поля помечены *

Уважаемые пользователи! При добавлении комментариев на сайт Вам следует соблюдать правила указанные под формой отправки комментариев.

Соблюдайте добавления комментариев

Это не спам *

Нажмите, чтобы добавить код в комментарий