Загрузка шрифтов в css

L
На сайте с 17.05.2013
Offline
88
1007

Для стиля заголовка прописаны следующие стили

<style>

@font-face {font-family: 'PT Sans Narrow'; font-style: normal; font-weight: 700; src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'), url("http://site.com/styles/fonts/pt_sans_narrow.woff") format('woff');}
h1 { font-family: 'PT Sans Narrow'; font-size:26px; margin:0; padding:0; }
</style>

Почему-то не отображается нужный шрийт в браузере. Выводится стандартным ариалом. Подскажите что не правильно в моем коде

G2
На сайте с 16.02.2013
Offline
35
#1

Попробуй использовать генератор font-face. Там будет сразу CSS файл для шрифта

http://www.fontsquirrel.com/tools/webfont-generator

L
На сайте с 17.05.2013
Offline
88
#2

А вкаком формате доожен быть шрифт? Выбираю загрузить шрифт и в папке загрузчик его не видит, хотя он там есть...

jpg 133932.jpg
Joseph
На сайте с 13.07.2004
Offline
73
#3

Подключите в хеадер хтмл файла такую строку:

<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>

Мануал на будущее:

https://www.google.com/fonts

Выбираете(или ищите) шрифт, затем его начертания и нужна ли кириллица, допустим, и вставляете код на страницу. Там есть разные способы вставки кода, кстати.

Если шрифта нету в гуглфонтс, тогда да, подключайте через фонтсквиррел. Помните только, что не опен-сурс шрифты стоят денег как правило и защищены авторским правом. :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий