Як надати шрифт у вбудованому CSS?
2024Встановіть для нього потрібне значення та помістіть його в атрибут стилю. Потім додайте цей атрибут стилю до елемента HTML, як-от абзацу, заголовка, кнопки або тегу span. Цей підхід до зміни типу шрифту в HTML використовує мову стилів CSS. Більш конкретно, ця техніка називається вбудованим CSS.
Синтаксис вбудованого стилю Атрибут починається зі стилю , за яким іде знак рівності = , а потім використовується подвійні лапки "" , які містять значення атрибута. У нашому випадку значенням атрибута style будуть пари властивість-значення CSS: "властивість: значення;" .
Далі слід включите правило @font-face at-rule у свій код CSS. Це дозволить вам визначити назву сімейства шрифтів, які ви використовуєте, розташування файлів шрифтів та інші властивості, пов’язані зі шрифтом. У цьому прикладі замініть шлях/до/вашого/шрифту/файлу.
Щоб змінити розмір тексту за допомогою вбудованого CSS, вам потрібно це зробити з атрибутом style. Ви вводите властивість font-size, а потім призначаєте їй значення. У наведеному нижче фрагменті коду я змінюю розмір тексту «Hello Campers…» на x-large, одне з вбудованих значень властивості font-size.
Як змінити шрифт у CSS
- Знайдіть текст, у якому потрібно змінити шрифт. …
- Обведіть текст елементом SPAN: …
- Додайте атрибут style="" до тегу span: цей текст написаний у форматі Arial.
- В атрибуті style змініть шрифт за допомогою стилю сімейства шрифтів. …
- Збережіть зміни, щоб побачити ефект.
Вбудовані стилі є стилі, які застосовуються до певного елемента в основному розділі веб-сторінки. Стиль буде застосовано лише до цього окремого елемента, а не до всієї сторінки (внутрішній стиль) або до всіх пов’язаних сторінок (зовнішня таблиця стилів). У цьому прикладі стиль застосовано до абзацу.