Як задати шрифт в css
В HTML на перший погляд все просто з шрифтами, поставив тег FONT з атрибутом FASE і готово, але починаєш тестувати свій сайт на різних комп'ютер і пішли проблеми, то потрібний шрифт не встановлений, то через локальні налаштувань шрифт дуже дрібний і не розбірливий. Каскадні таблиці стилів дозволяють це контролювати.
Що таке гліф і шрифт.
Шрифт - це набір гліфів, дотримується стандарт в відповідно до дизайну, розміром, зовнішнім виглядом та іншими ефектами.
Гліф - це абтрактний гліф в типографським стилі, виконаний у векторному або растровому (точковому) стилі, простіше кажучи гліф це векторна або растрова картинка, на якій зображений один або кілька символів.
Абстрактний гліф - абстрактний-інформаційний елемент, тобто символ (буква, цифра і спец.символ).
Іншими словами шрифт це картинка з набором символів і спец.символов.
Перш ніж вивести на екран або папір символи призначений для користувача агент (П.А.) Зобов'язаний визначити:
1) чи не встановлено явно або успадковується чи шрифт для даного символу;
2) перевірити доступність даного шрифту;
3) якщо два верхніх пункту виконується, то визначити гліф для потрібного символу;
4) що потрібно зробити якщо шрифт не заданий або недоступна.
Властивість специфікації шрифтів в CSS.
Правило font-style: дозволяє управляти стилем шрифту і може набувати значень:
font-style: normal - нормальне уявлення шрифту, значення за замовчуванням.
font-style: italic - курсивне надання шрифту
font-style: oblique - інший різновид курсиву, яка має на увазі наступні стилі шрифтів: Oblique, Slanted або Incline
Властивість font-style використовується самостійно або разом з font-family.
Правило font-variant: дозволяє управляти варіантами шрифтів:
normal - визначає шрифт який не зазначений як малий титульний.
small-caps - малий титульний шрифт.
inherit - обчислення значення.
Правило font-weight: встановлює товщина (жирність) ліній символів: від font-weight: 100 до font-weight: 900 - значення задається цифрами, ніж цифра більше тим шрифт жирніше, допустимі значення: 100, 200, 300, 400, 500, 600, 700, 800, 900
font-weight: lighter тонкий шрифт, то ж що і 100.
font-weight: normal нормальний шрифт, то ж що 400.
font-weight: bold напівжирний шрифт, теж що і 700.
font-weight: bolder жирний шрифт, теж що і 900.
Правило font-size: позваляет управляти розміром шрифту, зачение можуть бути абсолютні і / або відносні одиниці виміру, а так-же відсотки. Негативні значення неприпустимі.
Правило font-size-adjust: управляє розбірливість шрифтів в двокамерному написанні, тобто щоб гліфи легко Новомосковсклісь, наприклад ми використовуємо шрифт Verdana і його аспект дорівнює .58, так-же ми використовуємо другий шрифт Georgia у якого аспект дорівнює всього .5, то в цьому випадку якщо текст з шрифтом Verdana легко Новомосковскется з розміром font-size: 12px, то щоб визначити розбірливо другого шрифту нам потрібно скористатися формулою:
font-size1 (аспект1 / аспект2) = font-size2. в нашому випадку 12 (0.58 / 0.5) = 13.92пікселя, тобто розбірливо шрифту Georgia починається від 14px.
Як визначається аспект. наприклад ми встановлюємо висоту букв верхнього регістру font-size: 100px, при цьому літери нижнього регістру (x-height) будуть займати тільки 58px, то щоб визначити аспект даного шрифту потрібно x-height розділити на font-size в нашому випадку 58/100 = 0.58 означає аспект буде .58
З цього можна зробити висновок, що шрифти з великим аспектом будуть разбочівіви при невеликих розмірах шрифту і навпаки.
П.С. Як визначити аспект шрифту в специфікації неописаних, якщо задати 2 правила (font-size і x-height) то одне з них буде проігноровано, самі шрифти даної інформації не несуть, значить ці цифри можна отримати тільки в розробника.
Правило font: - це групове правило яке поміщає в себе все вище перераховані правила в такій послідовності:
* Font-style: normal;
font-variant: normal;
font-weight: 400;
font-size: 12pt;
line-height: normal;
font-family: Verdana
>
Тобто робоча версія:
*
Порушувати послідовність можна або пропаде працездатність правила, але можна не встановлювати (пропускати) непотрібні вам правила, в цьому випадку П.А. підставить початкові значення для шрифту.