Властивості Шрифту

Розглянемо найпоширеніші властивості, пов'язані зі шрифтами.

Примітка

Усі приклади будуть продемонстровані з використанням однакового текстового контенту, щоб надати можливість спостерігати, як один і той самий текст може відображатися по-різному.

font-family

Властивість font-family визначає сімейство або сімейства шрифтів, які будуть використовуватися для відображення текстового вмісту. Можна вказати одну назву сімейства шрифтів або список з декількох назв сімейств шрифтів, розділених комами.

font-size

Властивість font-size задає розмір шрифту для відображення текстового вмісту. Це може бути фіксований розмір, виміряний у px, або відносний розмір, виміряний в одиницях em або rem.

font-weight

Властивість font-weight визначає вагу або товщину шрифту, що використовується для відображення текстового вмісту. Вона може бути задана як числове значення (наприклад, 300, 500, 700, ...) або як ключове слово (наприклад, lighter, normal або bold).

font-style

Властивість font-style визначає стиль шрифту, який буде використано для текстового вмісту. Це може бути normal (значення за замовчуванням), italic або oblique.

Псевдоклас першої літери

Псевдоклас first-letter виділяє і стилізує першу літеру абзацу або заголовка. Щоб використати цей псевдоклас, потрібно поставити подвійне :: після селектора і додати ключове слово first-letter.

Давайте запустимо наступний приклад, щоб побачити, як це працює.