Устанавливаем шрифт на сайт @font-face

Итак, качаем шрифт в формате ttf
http://webfont.ru/
https://www.google.com/fonts

Конвертим его в веб шрифт font-face
http://onlinefontconverter.com/

Устанавливаем на сайт через CSS

@font-face {
    font-family: 'Minecraft-Title-Cyrillic';
    src: url('../fonts/Minecraft-Title-Cyrillic.eot');
    src: local('Minecraft-Title-Cyrillic'), 
		local('../fonts/Minecraft-Title-Cyrillic'), 
		url('../fonts/Minecraft-Title-Cyrillic.woff') format('woff'), 
		url('../fonts/Minecraft-Title-Cyrillic.ttf') format('truetype'), 
		url('../fonts/Minecraft-Title-Cyrillic.svg#Minecraft-Title-Cyrillic') format('svg');

    font-style: normal;
}
Обновлено: 08/02/2015 — 22:23

3 комментария

Оставить комментарий
  1. Для IE эта проблема была решена сразу формат EOT шифрует файл. Как следствие имеем шрифт, который будет работать только в пределах данного сайта.

  2. Если шрифт качественный, он разрабатывается высокими профессионалами, часто командой профессионалов, часто не один месяц. Такой шрифт может стоить не меньше, чем Жигули с конвейера. Разработчики шрифтов стали их регистрировать как торговые марки, закрепляя права правообладателя на шрифт уже на уровне охраны промышленной собственности.

  3. новый формат WOFT, который призван защищать шрифт по типу EOT, но пока не получил широкой поддержки в браузерах.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *