Безопасные шрифты – это набор шрифтов, устанавливаемый вместе с операционной системой (Windows, MacOS, Unix/Linux).
Чтобы сайт в любой операционной системе открывался одинаково, принято в CSS-свойстве font-family задавать несколько названий шрифтов, перечисленных через запятую.
Последним указывается семейство шрифта, он используется, если в системе ни один из перечисленных не найден.
body {
font-family: шрифт_1, шрифт_2, семейство;
}
CSS
Список безопасных шрифтов:
'Times New Roman', Times, serif
Съешь же ещё этих мягких французских булок
Georgia, serif
Съешь же ещё этих мягких французских булок
Arial, Helvetica, sans-serif
Съешь же ещё этих мягких французских булок
'Arial Black', Gadget, sans-serif
Съешь же ещё этих мягких французских булок
Verdana, Geneva, sans-serif
Съешь же ещё этих мягких французских булок
'Trebuchet MS', Helvetica, sans-serif
Съешь же ещё этих мягких французских булок
Impact, Charcoal, sans-serif
Съешь же ещё этих мягких французских булок
'Comic Sans MS', cursive, sans-serif
Съешь же ещё этих мягких французских булок
'Courier New', Courier, monospace
Съешь же ещё этих мягких французских булок
Далее о каждом шрифте подробнее:
1
Times New Roman
Windows
MacOS
Unix/Linux
Семейство
Times New Roman
Times
Nimbus Roman No9 L
serif
CSS:
body {
font-family: 'Times New Roman', Times, serif;
}
Градиент в цвет шрифта можно добавить с помощью CSS свойства background-clip: text, которое окрашивает текст в цвет или изображение указанного в background-image.