Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Css3 » Font-face

@font-face

@font-face в CSS3Интересным правилом является @font-face. Оно заставляет использовать любой шрифт на сайте. Вообще тема шрифтов очень обширна. Шрифты помогают выделить текст, обозначить заголовок или начало абзаца. Также благодаря шрифту
вы можете улучшить восприятие контента на своём сайте.

Ну давайте вернёмся к нашей теме. Так вот общий синтаксис у этого правила следующий:
@font-face{свойства шрифта}
Причём для определения нового шрифта обычно используют ссылку с абсолютным или относительным путём к файлу. Приведу небольшой пример, который имеет относительный и абсолютный путь к файлу:


 @font-face {
    font-family: Name#1; /* Имя шрифта */
    src: url(fonts/name-1.ttf); /* Путь к файлу со шрифтом */
   font-family: Name#2; /* Имя шрифта */
    src: url(fonts/name-2.ttf); /* Относительный путь к файлу со шрифтом */
   }
@font-face {
    font-family: Name#2; /* Имя шрифта */
    src: url(www.ваш-сайт.ru/fonts/name-2.ttf); /* Абсолютный путь к файлу со шрифтом */
}
селектор { /* выбираем любой селектор */
    font-family: Name#1;
}
тег {
 font-family: Name#2;
}

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



наверх