CSS font-family
Это свойство CSS используется для предоставления списка семейств шрифтов, разделенных запятыми. Он устанавливает шрифт для текстового содержимого элемента. Это свойство может содержать несколько имен шрифтов в качестве резервной системы, т. е. если один шрифт не поддерживается в браузере, можно использовать другие. Различные семейства шрифтов используются для создания привлекательных веб-страниц.
В CSSесть два типа имен семейств шрифтов , которые определены ниже:
◦ family-name: это название семейства шрифтов, например «Courier», «Arial», «Times» и т. д.
◦ generic-family: это название универсального семейства, которое включает пять категорий: «serif», «sans-serif», «cursive», «fantasy» и «monospace». Он должен быть последним в списке названий семейств шрифтов.
Определим категории родового семейства.
serif: он в основном используется, когда мы пишем текст для печати, например книг, журналов, газет и т. д. Он включает семейство шрифтов, такое как Georgia, Garamond, Times New Roman, Minion и многие другие.
sans-serif: это современный, формальный и простой стиль. Он широко используется, но чаще всего в цифровой форме текста. Он включает в себя семейство шрифтов Arial, Calibri, Verdana, Futura, Lato и многие другие.
cursive: в основном используется для написания пригласительного письма, неофициальных сообщений и т. д. Это похоже на рукописный текст, написанный ручкой или кистью. В него входит семейство шрифтов Insolente, Corsiva, Flanella, Belluccia, Zapfino и многие другие.
monospace: предназначен для инструкций, почтового адреса, машинописного текста и т. д. Он включает семейство шрифтов Monaco, SimSun, Courier, Consolas, Inconsolata и многие другие.
fantasy: делает текст выразительным, декоративным и эффектным. Он включает в себя семейство шрифтов Impact, Copperplate, Cracked, Critter и многие другие.
Синтаксис
font-family: family-name|generic-family|initial|inherit;
Давайте посмотрим на значения свойства font-family.
family-name/generic-family: это список названий семейств шрифтов и общих имен семейств.
Initial: используется для установки свойства по умолчанию.
inherit: используется для наследования свойства от родительского элемента.
Пример
<html>
<head>
<title>Document</title>
<style>
body {
text-align: center;
}
h1.a {
font-family: "Times New Roman", Times, serif;
color: red;
}
h2.b {
font-family: Arial, Helvetica, sans-serif;
color: blue;
}
</style>
</head>
<body>
<h1 class="a">Привет мир 🙂 :)</h1>
<h2 class="b">Добро пожаловать на mirjs.uz</h2>
</body>
</html>
