CSS Комбинации безопасных веб-шрифтов

Курс по основам CSS. W3Schools на русском языке. Уроки для начинающих

Часто используемые комбинации шрифтов

Свойство font-family должно содержать несколько названий шрифтов в качестве "резервной" системы, чтобы обеспечить максимальную совместимость между браузерами/операционными системами. Если браузер не поддерживает первый указанный шрифт, он пытается использовать следующий указанный шрифт.

Начните с нужного шрифта и завершите общим шрифтом, чтобы браузер мог выбрать аналогичный шрифт в общем семействе шрифтов, если другие шрифты недоступны:

Пример

p {
  font-family: "Times New Roman", Times, serif;
}
Попробуйте сами »

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

Serif шрифты

font-family Пример текста
Georgia, serif

Это заголовок

Это параграф
"Palatino Linotype", "Book Antiqua", Palatino, serif

Это заголовок

Это параграф
"Times New Roman", Times, serif

Это заголовок

Это параграф

Sans-Serif шрифты

font-family Пример текста
Arial, Helvetica, sans-serif

Это заголовок

Это параграф
"Arial Black", Gadget, sans-serif

Это заголовок

Это параграф
"Comic Sans MS", cursive, sans-serif

Это заголовок

Это параграф
Impact, Charcoal, sans-serif

Это заголовок

Это параграф
"Lucida Sans Unicode", "Lucida Grande", sans-serif

Это заголовок

Это параграф
Tahoma, Geneva, sans-serif

Это заголовок

Это параграф
"Trebuchet MS", Helvetica, sans-serif

Это заголовок

Это параграф
Verdana, Geneva, sans-serif

Это заголовок

Это параграф

Моноширинные шрифты

font-family Пример текста
"Courier New", Courier, monospace

Это заголовок

Это параграф
"Lucida Console", Monaco, monospace

Это заголовок

Это параграф

Совет: Также ознакомьтесь со всеми доступными Google шрифтами и их использованием.

W3Schools на русском языке уроки для начинающих по CSS для детей и взрослых CSS3 для школьников и студентов основы CSS - каскадные таблицы стилей научиться CSS бесплатно от любителя до профессионала стилизация с помощью css безопасные веб-шрифты в css шрифты на веб-странице как вставить нужный шрифт на HTML-странице полный справочник шрифтов css