Шрифт css - жирний шрифт - css розмір шрифту - сімейства шрифтів

Times New Roman, Times, serif - сімейство шрифтів із зарубками:

Courier New, Courier, monospace - сімейство моноширинних шрифтів:

Ще приклад форматування:

Текст жирний, розміром 18 пікселів, похилий, сімейства Times New Roman

В наведеному вище прикладі стильові опису поширюються на параграфи даного документа. Атрибут font-family: містить три різних шрифту, одного сімейства (із зарубками). Вказувати їх можна в різному порядку, але буде застосований перший або другий якщо браузер не зможе знайти на комп'ютері користувача встановлений перший шрифт, або третій, якщо програма браузера не прочитає перші два. При написанні коду, назва, що складається з декількох слів виділяється лапками, наприклад, 'Times New Roman'.

Д ля web-сайтів рекомендується застосовувати шрифти без зарубок, щоб не ускладнювати читання тексту.

Шріф sans-serif є представником сімейства шрифтів без зарубок. До нього відносяться Verdana, Geneva та інші. Якщо прописати код: font-family: sans-serif - програма браузера вибере на комп'ютері користувача один з шрифтів без зарубок, наприклад, Verdana. Якщо позначити: font-family: serif - буде обраний шрифт сімейства із зарубками, наприклад, Times. CSS aтрібут зі значенням font-family: monospace - встановить моноширинний шрифт, наприклад, Courier New.

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

CSS похилий і жирний шрифт

Визначимо похилий шрифт:

CSS атрибут зі значенням style = "font-style: italic" визначає похилий шрифт.

Визначимо жирний шрифт:

CSS ключення style = "font-weight: bold" визначає жирний шрифт.

Визначимо нормальний розмір шрифту:

Рядок style = "font-weight: 300" перетворює жирний шрифт в звичайний.

CSS розмір шрифту

Приклад зі зміною розміру:

Текстовий рядок розміром 13 пікселів.

Текстовий рядок розміром 16 пікселів.

Текстовий рядок розміром 13 пікселів.

Текстовий рядок розміром 16 пікселів.