Щоб змінити тип шрифту виключно за допомогою HTML, використовуйте властивість CSS font-family. Встановіть для нього потрібне значення та помістіть його в атрибут стилю. Потім додайте цей атрибут стилю до елемента HTML, як-от абзацу, заголовка, кнопки чи тегу span. Цей підхід до зміни типу шрифту в HTML використовує мову стилів CSS.
Як змінити шрифт в CSS
- Знайдіть текст, у якому потрібно змінити шрифт. …
- Обведіть текст елементом SPAN: …
- Додайте атрибут style="" до тегу span: цей текст написаний у форматі Arial.
- В атрибуті style змініть шрифт за допомогою стилю сімейства шрифтів. …
- Збережіть зміни, щоб побачити ефект.
Щоб додати власні шрифти до коду CSS, вам потрібно спочатку завантажте файли шрифтів, які ви бажаєте використовувати, і додайте їх до каталогу проекту. Ви можете завантажити шрифти з веб-сайтів, які пропонують безкоштовні шрифти, або придбати ліцензію на шрифт. Далі ви повинні включити @font-face at-rule у свій код CSS.
Властивість сімейства шрифтів CSS Почніть із шрифту, який вам потрібен, і закінчіть загальним сімейством (щоб дозволити веб-переглядачу вибрати подібний шрифт із загального сімейства, якщо інші шрифти недоступні). Назви шрифтів слід розділяти комами. Докладніше про резервні шрифти читайте в наступному розділі.
Огляд. Calibri – це a сучасне сімейство без засічок із тонкими округленнями на ніжках і кутах. Він містить справжній курсив, малі великі літери та кілька наборів цифр. Його пропорції забезпечують сильний ефект у щільно розташованих рядках великого та дрібного тексту.
