Как работать с шрифтами в CSS?

19 сентября 2013

В данной статье речь пойдет о том, как работать и изменять шрифты в CSS для HTML документов.

Начнем со свойств шрифтов. Занимаясь разработкой методов обращения со шрифтами, специалисты спецификации CSS преследовали две важные цели. А именно — дать программистам возможность придавать текстовым файлам внешний вид соответствующий типографским стандартам и позволить все это сделать наиболее простым образом.

Многие при создании сайта сталкиваются с проблемой установки шрифтов и их изменения. Часто возникает необходимость в использовании нестандартных шрифтов и даже иероглифов. И вот, вы скачиваете оригинальный шрифт и начинаете верстать страницу, однако не стоит забывать, что далеко во всех браузерах у пользователей он может быть установлен и поддерживаться. В результате чего, представленный текстовый контент на страницах отображается в некорректной форме или вообще отсутствует. Что же делать в сложившейся ситуации? Все предельно просто и помогут в этом современные технологии CSS.

Определиться с приоритетностью шрифтов, поможет свойство font-family. Если первый в списке шрифт не будет отображаться браузером пользователя, тогда автоматически подгружается второй по списку и т.д. Проще говоря, в таблицу, вы сначала устанавливаете предпочтительный шрифт, а после те, которые являются наиболее популярными и распространенными.

Размеры шрифтов устанавливаются при помощи свойства font-size. Для указания размера обычно используются пиксели и проценты. Не забывайте о том, что эти размеры дают разные значения шрифта.

Свойство font-weight позволяет регулировать вес шрифта, т.е. устанавливать его ширину и прочие параметры. Шрифт может быть bold и normal.

Не можете найти ответ на вопрос?