css-шрифты

Шрифты в CSS

css-шрифтыПриветствую, друзья!

Сегодня мы узнаем, каким образом определяется шрифт в CSS, и познакомимся с методикой отображения шрифтов с засечками и без них.
Основными семействами шрифтов являются:
Georgia, Times New Roman, serif — шрифт без засечек
Arial, Helvetica, sans-serif — шрифт без засечек
Courier New, Courier, monospace — моноширинные шрифты
Verdana, Geneva, sans-serif — шрифт без засечек
Times New Roman, Times, serif — шрифт с засечками

Для визуальной разницы прошу посмотреть эту вставку:

See the Pen JEpQVM by Lavrynenko (@Lavrynenko) on CodePen.

Как видно из кода — в CSS с помощью селекторов (подробнее узнать о них вы можете вот тут) прописаны свойства всех семейств шрифтов в наклонном варианте, и нет (за это отвечает параметр font-style:italic)
Так же нужно отметить, что ничто не мешает использовать в параметре font-family свой оригинальный шрифт, но вопрос — будет ли этот шрифт на компьютере пользователя остается на ваше рассмотрение.

Из полезного могу так же указать параметры:
font-weight:bold — который определяет жирный шрифт
и font-size:10px (вместо десяти вы можете указать свой размер шрифта) — определяет кегль, используемый для нужного параметра