Свойство font-family позволяет указать шрифт. Можно указать несколько шрифтов через запятую, тогда браузер будет проверять список слева направо и применит первый шрифт, который будет присутствовать в системе. Имеет смысл в конце списка писать название одного из семейства шрифтов, перечисленных ниже. Обратите внимание, что наличие шрифта зависит от системы, браузера, установленных шрифтов и ещё много от чего. Какого-либо популярного шрифта, который есть в вашей ОС может и не быть на компьютере пользователя. В этом случае браузер будет принимать решение о шрифте на основе списка font-family и своих соображений.
Возможные значения:
Список шрифтов, перечисленных через запятую. Если в названии шрифта есть символ пробела, то название шрифта должно быть в одинарных или двойных кавычках.
Можно указать семейство шрифтов: serif , sans-serif , cursive , fantasy или monospace.
Значение по умолчанию: зависит от браузера
Наследуется: да
Пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<!DOCTYPE html> <html> <head> <title>CSS font-family</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> </head> <body> <p> Шрифт по умолчанию. </p> <p style="font-family : 'Times New Roman', serif;"> Times New Roman или один из шрифтов семейства serif. </p> <p style="font-family : serif;"> Семейство шрифтов serif. </p> <p style="font-family : sans-serif;"> Семейство шрифтов sans-serif. </p> <p style="font-family : cursive;"> Семейство шрифтов cursive. </p> <p style="font-family : fantasy;"> декоративный шрифт. </p> <p style="font-family : monospace;"> Моноширный шрифт. </p> <p> <a href="https://urvanov.ru/2016/02/16/css-font-family/">CSS font-family</a> </p> </body> </html> |