Властивості шрифту (font css)

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

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

значення:
  • ім'я сімейства - сімейства шрифту, що застосовується для виведення тексту. Імена, що складаються з декількох слів, повинні полягати в лапки.
  • ім'я типового шрифту, що застосовується для виведення тексту. Типовими можуть бути наступні шрифти: serif, sans-serif, fantasy і monospce.
  • inherit - застосовується значення батьківського елемента.

Визначає зображення шрифту, такі як курсив або похиле.

значення:
  • normal - звичайне написання (за замовчуванням).
  • italic - курсив.
  • oblique - похиле накреслення. Це зображення виключно екранного шрифту. Він має дещо менший нахил ніж курсив.
  • inherit - застосовується значення батьківського елемента.

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

значення:
  • normal - звичайне написання (за замовчуванням).
  • small-caps - виводить шрифт у вигляді малих прописних літер.
  • inherit - застосовується значення батьківського елемента.

Визначає товщину виведеного шрифту.

значення:
  • normal - звичайне написання (за замовчуванням).
  • bold - напівжирний шрифт. Жирний текст виділяє текст. Лінії стають товщі, а сам текст трохи ширше, ніж при звичайному зображенні.
  • bolder - жирний шрифт.
  • lighter - світлий шрифт. Тонкі, світлі шрифтів виробляють менше сильне враження, ніж звичайні або напівжирний, але вони незамінні, коли потрібно легкий і простий зовнішній вигляд.
  • 100-900 - число, яке вказує товщину шрифту. 100 відповідає найяснішої товщині (lighter), 400-normal, 700- bold, 900- bolder.
  • inherit - застосовується значення батьківського елемента.

Визначає товщину шрифту.

значення:
  • normal - звичайна ширина (за замовчуванням)
  • wider- збільшення поточної ширини.
  • narrower - зменшує поточну ширину на одиницю.
  • ultra-condensed - найменше значення ширини.
  • extra-condensed - значення більше, ніж попереднє
  • condensed - значення більше, ніж попереднє.
  • semi-condensed - значення більше, ніж попереднє.
  • semi-expanded - значення більше, ніж при звичайній товщині.
  • expanded - значення більше, ніж попереднє.
  • extra-expanded - значення більше, ніж попереднє.
  • ultra-expanded - максимальне значення ширина.
  • inherit - застосовується значення батьківського елемента.

Визначає кегель (висоту символів) шрифту.

значення:
  • абсолютний розмір - для вираження кегля шрифту використовується ключові слова: xx-small (вкрай малий), small (малий), medium (середній) (за замовчуванням), large (великий), x-large (дуже велике), xx-large ( вкрай велике).
  • відносний розмір - для вираження кегля шрифту використовується ключові слова: larger (менше), smaller (більше),
  • будь-який відповідає стандарту висота - абсолютний розмір шрифту. Негативне значення не допускається.
  • будь-який відповідає стандарту процентне значення.
  • inherit - застосовується значення батьківського елемента.

Визначає співвідношення ширини і висоти символів, які підтримується при установці кегля шрифту. Це дає користувачеві регулювати зміни висоти тексту.

значення:
  • none - за замовчуванням.
  • будь-який відповідає стандартам значення - число, що представляє співвідношення висоти і ширини символів.
  • inherit - застосовується значення батьківського елемента.

Зручне властивість для установки відразу всіх параметрів шрифту. Якщо якісь значення пропущені, то береться їх значення за замовчуванням.

значення:
  • font-style - накреслення.
  • font-variant - значення, що визначає висновок шрифту у вигляді малих прописних літер.
  • font-weight- товщина.
  • font-size - кегль.
  • line-height - інтерліньяж.
  • font-family - сімейство шрифтів.
  • inherit - застосовується значення батьківського елемента.

До появи Internet Explorer 4.0 Web-майстер повинен були використовувати вбудовані шрифти в браузер або використовувати шрифти, доступні в системі. CSS представляє WEB-майстру можливість вказівки вигляду шрифтів, які завантажуються вшити з Web-сторінкою, що гарантує правильну обробку сторінки. Завантаження шрифт визначається за допомогою нових елементів в синтаксис CSS. Нижче наведено синтаксис для визначення завантажується шрифту в CSS:

@ Font-face fontName; src: url (failMame.eot)>

значення fontName, на яке згодом посилається властивість CSS font-family, визначається користувачем. Нижче наведено повний приклад:

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