Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

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


назад вперед

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

Свойстов CSS 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

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

Это параграф


назад вперед

СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта