CSS - сайт-довідник на допомогу web-майстру - Властивості шрифту ( font css )

Реклама від Google

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

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

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

Значення:

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

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

Значення:

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

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

Значення:

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

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

Визначає товщину шрифту, що виводиться.

Значення:

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 – застосовується значення батьківського елемента.

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

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

Значення:

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

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

Значення:

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

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

До появи 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 для відтворення елемента.