Шрифты в 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 (вместо десяти вы можете указать свой размер шрифта) — определяет кегль, используемый для нужного параметра

Support the Blog!

Running a blog takes a lot of effort, time, and passion. Your donations help improve the content, inspire new ideas, and keep the project going.
If you’ve enjoyed the blog’s materials, any support would mean the world to me. Thank you for being here! ❤️

PayPal Logo Donate via PayPal

Revolut Logo Donate via Revolut

Одна мысль про “Шрифты в CSS”

Комментарии закрыты.