Дополнительные шрифты

Дополнительные шрифты

@font-face

Свойство @font-face позволяет использовать шрифт, даже если они не установлен на компьютере пользователя, предоставляя путь к файлу шрифта, который в этом случае будет загружен.

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

Шрифт добавляется в таблицу стилей с помощью правила @font-face, как показано в следующем примере.


font-family

Данное свойство позволяет указать имя шрифта. Затем оно быть использовано в качестве значения свойства font-family в остальной части таблицы стилей как показано в правиле для элементов <h1>и <h2>.


src

Данный атрибут определяет путь к файлу шрифта. Чтобы прием работал во всех браузерах, вам вероятно, необходимо будет указать пути к нескольким различным версиям шрифта, как показано в следующем примере.


format

Определяет формат, в котором поставляется шрифт далее обсуждается подробнее. Многие разработчики не позволяют использовать свои шрифты таким способом, однако существуют шрифты, которые допускаются использовать свободно.

Вы можете найти их на следующих сайтах:

//www.fontsquirrel.com

//www.fontex.org

//www.openfontlibrary.org


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

Ребята кому нужны переходите на ссылки и скачивайте.  

Понравилась статья? Поделиться с друзьями:
Блог Измайлова Павла
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: