Як змінити шрифт на сайті

Як змінити шрифт на сайті

Кожен сайт в інтернеті може бути унікальний не тільки виходячи з дизайну та кольорової гами, але також виходячи з тих шрифтів, які використовуються на ньому. За допомогою шрифту можна виділити заголовок, зробити текст жирним, застосувати до виділеної області курсив, а десь і зовсім щось підкреслити. У текстових редакторах з таким завданням впорається навіть першокласник, давайте розглянемо, як ви можете змінювати шрифт тексту на своєму власному сайті.

Інструкція

  1. Відкрийте таблицю стилів CSS. Як правило, всі параметри оформлення сайту, у тому числі і тексту, розташовані саме там. Пропишіть властивості шрифту за допомогою тегів сімейства font. У стильовій таблиці ви можете змінювати такі властивості шрифта:

    font-family — вкажіть тип шрифту, який ви хочете використовувати. Найпопулярніші шрифти — Times New Roman, Tahoma, Verdana, Arial;

    font-size — вкажіть потрібний вам розмір шрифту у вигляді відповідної цифри, не забудьте додати pt. Наприклад, font-size: 10pt;

    font-style — вкажіть стиль шрифту, будь-то звичайний або курсив;

    font-variant — вкажіть регістр символів шрифту, капітель;

    font-weight — вкажіть насиченість шрифту, чи буде він жирним, напівжирним і т.д.
  2. Ви можете змінювати шрифт тексту безпосередньо в конкретному HTML документі, якщо не хочете, щоб таблиця стилів застосовувала однакове оформлення для всього сайту. Для цього використовуйте параметри font вже не в таблиці стилів, а безпосередньо в тому відрізку тексту, який ви хочете змінити. Наприклад: Тут ваш текст

    В даному випадку тег font має три параметри:

    color — колір шрифту;

    face — тип шрифту;

    size — розмір шрифту.

    Змініть необхідні вам параметри тексту, у вас вийде приблизно наступне:

    <font color=»#000600″ face=»Times New Roman» size=»3″> Тут ваш текст </ font>
  3. Розставте заголовки там, де це необхідно. Заголовки тексту зазвичай оточуються тегами від до в залежності від того, який розмір заголовка ви хочете отримати. H1 — це основний заголовок на сторінці, відповідно, найбільший; H6 — найменший. Теги H — це парні теги, тому потрібно ставити як відкриває H, так і закриває.
  4. Застосуйте додаткові параметри форматування тексту там, де це необхідно. Ви можете:

    - Виділяти відрізок тексту жирним за допомогою парних тегів <b> або <strong>

    - Застосовувати курсив за допомогою парних тегів <i> або <em>

    - Підкреслити необхідні відрізки тексту за допомогою парного тега <u>