CSS Веб-безопасные комбинации шрифтов
Часто используемые комбинации шрифтов
Свойство font-family должно содержать несколько имен шрифтов в качестве "резервной системы", чтобы обеспечить максимальную совместимость между браузерами / операционными системами. Если браузер не поддерживает первый шрифт, он пытается использовать следующий шрифт.
Начните с нужного шрифта и завершите общим семейством, чтобы браузер мог выбрать аналогичный шрифт в общем семействе, если другие шрифты недоступны:
Ниже приведены некоторые часто используемые комбинации шрифтов, организованные общим семейством.
Serif шрифты (из засечками)
font-family | Пример текста |
---|---|
Georgia, serif | This is a headingThis is a paragraph |
"Palatino Linotype", "Book Antiqua", Palatino, serif | This is a headingThis is a paragraph |
"Times New Roman", Times, serif | This is a headingThis is a paragraph |
Sans-Serif шрифты (без засечек)
font-family | Пример текста |
---|---|
Arial, Helvetica, sans-serif | This is a headingThis is a paragraph |
"Arial Black", Gadget, sans-serif | This is a headingThis is a paragraph |
"Comic Sans MS", cursive, sans-serif | This is a headingThis is a paragraph |
Impact, Charcoal, sans-serif | This is a headingThis is a paragraph |
"Lucida Sans Unicode", "Lucida Grande", sans-serif | This is a headingThis is a paragraph |
Tahoma, Geneva, sans-serif | This is a headingThis is a paragraph |
"Trebuchet MS", Helvetica, sans-serif | This is a headingThis is a paragraph |
Verdana, Geneva, sans-serif | This is a headingThis is a paragraph |
Моноширинные шрифты
font-family | Пример текста |
---|---|
"Courier New", Courier, monospace | This is a headingThis is a paragraph |
"Lucida Console", Monaco, monospace | This is a headingThis is a paragraph |
Совет: Также вы можете ознакомиться со всеми доступными Google шрифтами и их использованием на нашем сайте W3Schools на русском.