Стилізація шрифтів в CSS

Тег FONT мертвий. Хай живе CSS! Будь ласка, допоможіть поширити це слово, занадто багато людей STILL не отримали цю записку і весело використовують свої застарілі теги шрифтів (поряд з табличними макетами і неправильними допами). Але тепер все ми знаємо – більше ніяких виправдань.

Найпростіший спосіб застосувати стиль шрифту до вашого сайту – прямо там з тегом вашого тіла:

body {
font-family: "Times New Roman", Times, serif;
}

І там у вас є – тепер весь текст на вашій сторінці буде Times New Roman, і якщо цей шрифт не встановлений на комп’ютері глядача, тоді вони будуть бачити текст в Times, і якщо у них не буде цього, тоді текст буде відображатися в будь-якому шрифті шрифта, який вони встановили.

Side Note: Serif – це стиль з маленькими гачками – наприклад, проти (який показаний в Arial – см. Різницю?).

Зверніть увагу на цитати навколо «Times New Roman» в CSS вище – це тому, що це ім’я шрифту складається з більш ніж одного слова. Котирування зберігають його разом.

Іноді вам може не знадобитися вся ваша сторінка в одному шрифті, але може знадобитися, щоб ваші заголовки стирчали. Досить просто, просто слід регулювати їх окремо:

h {font-family: Verdana, Arial, Helvetica, sans-serif;
}