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

Віталий

10 років ago

Доброго времени суток. 🙂
Каждый вебмастер, кто работает и развивает свой сайт или занимается созданием сайтов для других, сталкивался с вопросом о шрифтах, а вернее от том какие шрифты стандартные для всех браузеров, а какие надо подключать. Чтобы узнать как подключить сторонние шрифты - читайте статью - Подключение сторонних шрифтов к сайту.
Если Вас интересует какие шрифты являются стандартными для использования на своем сайте, то эта статья для Вас.
Стандартные шрифты, это те, что установлены на каждом компьютере и выглядят одинаково. Каждый кто откроет сайт, где использован такой шрифт, увидит то же что и все, и содержимое ни в коем случаи не будет выглядеть иначе. Таких шрифтов можно указать несколько. Ниже приведена таблица шрифтов для 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 MS⁵	cursive
"Courier New", Courier, monospace	Courier New	6	monospace
Georgia, serif	Georgia¹	Georgia	serif
Impact,Charcoal, sans-serif	Impact	Impact⁵, Charcoal⁶	sans-serif
"Lucida Console", Monaco, monospace	Lucida Console	Monaco⁵	monospace
"Lucida Sans Unicode", "Lucida Grande", sans-serif	Lucida Sans Unicode	Lucida Grande	sans-serif
"Palatino Linotype", "Book Antiqua", Palatino, serif	Palatino Linotype, Book Antiqua³	Palatino⁶	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 MS¹	Helvetica	sans-serif
Verdana, Geneva, sans-serif	Verdana	Verdana, Geneva	sans-serif
Symbol	Symbol²	Symbol²	-
Webdings	Webdings²	Webdings²	-
Wingdings, "Zapf Dingbats"	Wingdings²	Zapf Dingbats²	-
"MS Sans Serif", Geneva, sans-serif	MS Sans Serif⁴	Geneva	sans-serif
"MS Serif", "New York", serif	MS Serif⁴	New York⁶	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;

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

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

Exit mobile version