Чтобы изменить шрифт текста с помощью CSS, можно использовать свойство font-family. Это свойство позволяет задать шрифт, который будет применяться к тексту.
Например, чтобы применить шрифт Arial к элементу:
<style>
div {
font-family: Arial, sans-serif;
}
</style>
<div>
Этот текст будет написан шрифтом Arial.
</div>
Значение sans-serif указывает на альтернативный шрифт, который будет использоваться, если браузер не сможет загрузить шрифт Arial.
Если нужно использовать несколько шрифтов, то их можно перечислить через запятую. В этом случае браузер будет использовать первый доступный шрифт:
font-family: "Open Sans", Arial, sans-serif;
Также можно скачать и установить шрифты на свой сервер и задать относительный путь к файлу шрифта:
@font-face {
font-family: CustomFont;
src: url(fonts/CustomFont.ttf);
}
div {
font-family: CustomFont, sans-serif;
}
В этом примере создается правило @font-face, которое загружает шрифт CustomFont с относительным путем fonts/CustomFont.ttf. Затем этот шрифт применяется к элементу с помощью свойства font-family.
Важно выбирать шрифт в соответствии с целями и стилем дизайна. Также следует учитывать, что разные операционные системы и браузеры могут иметь разный набор шрифтов, поэтому нужно предусмотреть альтернативные варианты для более широкой совместимости.
