@font-face оригинальные шрифты для сайта

Опубликовано в Сайты
/
12 Окт 2012

Всем привет! Очень многие сталкивались с такой проблемой что на своих сайтах приходилось использовать только «безопасные» шрифты в роде Arial или Tahoma. Как что это бывает, не у всех отображаются другие «оригинальные» шрифты. Для решения этой проблемы в CSS3 существует свойство @font-face!

В технологии @font-face довольно легко разобраться даже неподготовленному человеку.

Рассмотрим установку нестандартного шрифта на примете этого. Для начала в корневом каталоге создайте папку font и загрузите в неё файл своего шрифта. Откройте файл стилей вашего сайта и пропишите туда следующий код:

@font-face {
        font-family: prosto;
        src: url('prosto.ttf');
}

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

После установке советую вам проверить шрифт на работоспособность, текст должен выделяться/копироваться/вставляться!

Всем пока, подписывайтесь на страницу Вконтакте и rss ленту

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

Оставить комментарий