Главная » Файлы » Прочие скрипты » CSS

Кроссбраузерная установка своих шрифтов на ваши сайты через @font-face на css3
24.06.14, 16:21:11

Скачать файл




Наверняка многие из вас хотели бы использовать на своих сайтах свои шрифты, которые максимально подходят для тематики и дизайна. Так вот, спешу обрадовать - теперь это реально, причём, практически кроссбраузерно!

Для начала в css в самый низ вставляйте:
Код
@font-face {  
font-family: MyFont; // Задаём название шрифту для последующего использования  
src: url("/font/название_фона.eot"); // Ссылка на наш шрифт в формате eot  
src: url("/font/название_фона.eot?#iefix") format("embedded-opentype"), // Фикс eot для ослика  
url("/font/название_фона.woff") format("woff"), // Ссылка на шрифт в формате woff  
url("/font/название_фона.ttf") format("truetype"), // Ссылка на шрифт в формате ttf  
url("/font/название_фона.svg#JournalRegular") format("svg"); // Ссылка на шрифт в формате svg  
font-weight: normal; // Нормализуем жирность  
font-style: normal; // Делаем так, чтобы вообще было в жизни всё нормально у тех, кто использует наш шрифт  
  }  

  a {  
font-family:MyFont; // Говорим всем ссылкам, что они теперь должны использовать наш новый шрифт  
font-size:13px;  
  }


Далее загружаем шрифты в папку font

В качестве примера в прикреплённом архиве находится файл FirecatMedium.ttf, стиль которого вы можете увидеть на скриншоте. Если вам нужны все остальные форматы шрифта кроме ttf, то воспользуйтесь ЭТИМ или любым другим генератором. В итоге у вас получится полный набор изо всех перечисленных форматов:




Вот и всё. По всем вопросам обращайтесь в комментариях

Статья подготовлена Apocalypse
Категория: CSS | Добавил: Apocalypse | Теги: шрифтов, сайты, Кроссбраузерная, установка, на, Через, своих, ваши, @font-face
Просмотров: 419 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: