CSS приклад: font

Інтернет-браузери та властивість font в CSS

Універсальна властивість, що дозволяє одночасно задати кілька характеристик шрифту і тексту.

Синтаксис: font: [font-style||font-variant||font-weight] font-size [/line-height] font-family | inherit

Обов'язковими значеннями є розмір шрифту та його сімейство. Решта значень є опціональними. Для детальної інформації звертайтеся до окремих властивостей.

Допускається використання ключових слів для шрифтів різних елементів операційної системи користувача.

Приклади використання

Приклад 1: p { font: 12pt/10pt sans-serif; }

Приклад 2: p { font: bold italic 110% serif; }

Приклад 3: p { font: normal small-caps 12px/14px fantasy; }

Браузери: Internet Explorer до версії 7.0 включно не підтримують значення "inherit".

Часті запитання

  • Q: Як використовувати font в CSS?

    A: Використовуйте 'font-family' властивість для вказівки шрифту для тексту.

  • Q: Як вказати розмір шрифту в CSS?

    A: Використовуйте 'font-size' властивість для вказівки розміру шрифту.

  • Q: Як змінити стиль шрифту в CSS?

    A: Використовуйте 'font-style' властивість для вказівки стилю шрифту, такий як курсив або накреслення.

  • Q: Як вибрати жирний шрифт в CSS?

    A: Використовуйте 'font-weight' властивість і встановіть значення 'bold' або числове значення від 400 до 900.

  • Q: Як вказати кольорову схему шрифту в CSS?

    A: Використовуйте 'color' властивість для вказівки кольору тексту.