X
  • Дизайн та розробка сайту
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

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

Приклад
  • 2024-10-30
  • 14607 переглядів

  • Дизайн та розробка сайту

Доброго времени суток. 🙂
Каждый вебмастер, кто работает и развивает свой сайт или занимается созданием сайтов для других, сталкивался с вопросом о шрифтах, а вернее от том какие шрифты стандартные для всех браузеров, а какие надо подключать. Чтобы узнать как подключить сторонние шрифты - читайте статью - Подключение сторонних шрифтов к сайту.
Если Вас интересует какие шрифты являются стандартными для использования на своем сайте, то эта статья для Вас.
Стандартные шрифты, это те, что установлены на каждом компьютере и выглядят одинаково. Каждый кто откроет сайт, где использован такой шрифт, увидит то же что и все, и содержимое ни в коем случаи не будет выглядеть иначе. Таких шрифтов можно указать несколько. Ниже приведена таблица шрифтов для 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
Проголосовало: 8, в среднем: 4.9 из 5
Читайте також

Deprecated: Функція WP_Query викликана з аргументом, який вважається застарілим з версії 3.1.0! Вираз caller_get_posts застарілий. Використовуйте ignore_sticky_posts. in /var/www/vhosts/gnatkovsky.com.ua/gnatkovsky.com.ua/public/wp-includes/functions.php on line 6078