Наверняка многие из вас хотели бы использовать на своих сайтах свои шрифты, которые максимально подходят для тематики и дизайна. Так вот, спешу обрадовать - теперь это реально, причём, практически кроссбраузерно!
Для начала в 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; }
1045 |
0 |
Дата: 