Css працюємо зі шрифтом font

У цій статті розглянемо CSS-властивості, форматує шрифт контенту сайту.

    Всього їх існує 5 штук, відносяться вони до сімейства font:
  • font-family - відповідає за ім'я шрифту
  • font-size - відповідає за розмір шрифту
  • font-style - відповідає за стиль написання шрифту
  • font-variant - відповідає за можливість створення капітелі
  • font-weight - відповідає за товщину шрифту

    • Розглянемо ці CSS-властивості і їх значення, за допомогою прикладів:

    font-family

    font-family - CSS-властивість, призначає ім'я шрифту, як значення приймає імена шрифтів. Імена можуть бути як стандартні, так і екзотичні. Тут знаходиться список стандартних шрифтів. Для використання екзотичних шрифтів, вам потрібно їх поставити на свій сайт самостійно і зробити так, щоб вони при відкритті сайту, автоматично завантажувалися на комп'ютер відвідувача.

    Призначимо елементів сторінки, наприклад абзаців p. ім'я шрифту 'Times New Roman':

    Капітель - це коли малі літери виглядають як великі, але розміром менше їх.

    font-size - CSS-властивість, призначає розмір шрифту, як значення приймає одиниці виміру CSS.

    Дамо абзаців сторінки, розмір шрифту 22px.

    Капітель - це коли малі літери виглядають як великі, але розміром менше їх.

    font-style

    font-style - CSS-властивість, призначає стиль шрифту, як значення приймає такі ключові слова:

    Спочатку вам може здатися, що значення italic і oblique однакові і що обидва вони просто роблять шрифт похилим. Однак між ними, все ж є різниця.

    Полягає вона в наступному, деякі шрифти мають можливість створювати гарний рукописний почерк, так от щоб його побачити потрібно CSS-властивості font-style привласнити значення italic. Якщо рукописний почерк не підтримується, то шрифт буде просто похилим.

    Капітель - це коли малі літери виглядають як великі, але розміром менше їх.

    font-variant

    font-variant - CSS-властивість, відповідає за створення капітелі. Капітель - це коли малі літери виглядають як великі (прописні), але розміром менше їх, як значення приймає такі ключові слова: normal або small-caps.

    Капітель - це коли малі літери виглядають як великі, але розміром менше їх.

    font-weight

    font-weight - CSS-властивість, що відповідає за товщину шрифту, як значення приймає такі ключові слова: normal або bold.

    Капітель - це коли малі літери виглядають як великі, але розміром менше їх.

    Готель Набережні Челни - список всіх готелів міста Набережні Челни, для туристів і гостей.

    Схожі статті