В HTML для задания шрифтов используется CSS. Вы можете изменять шрифты для всего документа или для конкретных элементов. Вот несколько способов, как это сделать:
1. Использование стандартных шрифтов
Вы можете использовать стандартные шрифты, которые доступны на большинстве устройств. Например:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пример шрифтов</title>
<style>
body {
font-family: Arial, sans-serif; /* Название шрифта и запасной шрифт */
font-size: 16px; /* Размер шрифта */
color: #333; /* Цвет текста */
}
</style>
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это пример текста с заданным шрифтом.</p>
</body>
</html>
2. Использование веб-шрифтов
Вы можете использовать веб-шрифты, такие как Google Fonts. Для этого нужно подключить шрифт через <link> в <head> и затем использовать его в CSS.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пример веб-шрифтов</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Roboto', sans-serif; /* Используем веб-шрифт */
font-size: 16px;
color: #333;
}
</style>
</head>
<body>
<h1>Привет, мир с шрифтом Roboto!</h1>
<p>Это пример текста с веб-шрифтом.</p>
</body>
</html>
3. Изменение стиля шрифта
Вы можете изменять стиль шрифта, используя различные CSS-свойства:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пример стилей шрифта</title>
<style>
h1 {
font-family: 'Arial', sans-serif;
font-size: 36px; /* Размер заголовка */
font-weight: bold; /* Жирный шрифт */
text-align: center; /* Выравнивание текста */
}
p {
font-family: 'Georgia', serif; /* Шрифт для параграфа */
font-size: 18px;
font-style: italic; /* Курсив */
}
</style>
</head>
<body>
<h1>Заголовок с жирным шрифтом</h1>
<p>Это пример текста с курсивом.</p>
</body>
</html>
Заключение
Вы можете легко управлять шрифтами в HTML с помощью CSS, используя как стандартные шрифты, так и веб-шрифты. Не забывайте о различных свойствах, таких как font-size, font-weight, font-style, и других, чтобы добиться желаемого визуального эффекта.