Не могу подключить сторонний шрифт

[froot]

Не могу подключить сторонний шрифт, помогите разобраться:

body {font-size: 14px; line-height: 1.5; color: #333; background-color: #fff;}

a {text-decoration: none;}
a:hover, a:focus { text-decoration: none; border: none; }
h1,h2,h3,h4,h5,

@font-face { font-family: "ProximaNovaExCn-Bold"; src: url("ProximaNovaExCn-Bold.otf"); }
h6 { font-family: "ProximaNovaExCn-Bold"; margin: 0px 0 10px 0px; font-weight: normal; line-height: 1,5; color: inherit; text-transform: uppercase;}

h1,h2 {line-height: 1.4; letter-spacing: 1px;}

h1 {font-size: 40px;}
h2 {font-size: 32px;}
h3 {font-size: 24px; letter-spacing: 2px;}
h4 {font-size: 18px; letter-spacing: 1px;}
h5 {font-size: 14px; letter-spacing: 1px;}
h6 {font-size: 12px; }

[cyklop77]

что консоль пишет?

в каком каталоге у вас шрифт находится?

каким браузером смотрите?

откуда шрифт скачали? открывается ли он напрямую(кликом мышки)?

Edited October 29, 2013 by cyklop77

[froot]

что консоль пишет? - не знаю что ответить)

в каком каталоге у вас шрифт находится? - в корневом

каким браузером смотрите? - firefox, opera, yandex (нигде не работает)

откуда шрифт скачали? открывается ли он напрямую(кликом мышки)? - шрифт без проблем устанавливается на компьютер, кириллический - без проблем отображается везде

[npofopr]

Почитайте в интернете про правильность подключения сторонних шрифтов.

Благо информации много, как и на этом форуме, раз в 2 недели возникает подобная проблема

[cyklop77]

http://www.xiper.net...nts-on-css.html

кстати там же много толковых статей по распространённым проблемам css

что консоль пишет? - не знаю что ответить)

для firefox ставите firebug, нажимаете f12, выбираете вкладку консоль. время от времени заглядывайте в неё, много полезного увидите. например если не подгрузилась картинка или шрифт, то будет соответствующее сообщение

Edited October 29, 2013 by cyklop77

[froot]

Почитайте в интернете про правильность подключения сторонних шрифтов. Благо информации много, как и на этом форуме, раз в 2 недели возникает подобная проблема

Второй день ищу инфу в интернете, перепробовал несколько вариантов, ничего не получилось -решил отписаться тут

http://www.xiper.net...nts-on-css.html

не открывается страница, пишет error

[cyklop77]

странно. вот так тогда https://www.google.ru/#newwindow=1&q=XIPER+Net+%D0%BF%D0%BE%D0%B4%D0%BA%D0%BB%D1%8E%D1%87%D0%B8%D1%82%D1%8C+%D1%88%D1%80%D0%B8%D1%84%D1%82

Edited October 29, 2013 by cyklop77

[froot]

странно. вот еще раз

открылось, спасибо почитаю

[npofopr]

http://htmlbook.ru/blog/svoi-shrift-na-stranitse

[froot]

html { font-size: 100%}
body {font-size: 14px; line-height: 1.5; color: #333; background-color: #fff;}
a {text-decoration: none;}
a:hover, a:focus { text-decoration: none; border: none; }
h1,h2,h3,h4,h5,
@font-face {font-family: ProximaNovaExCn-Bold;
src: local("ProximaNovaExCn-Bold"),
url(../ProximaNovaExCn-Bold.otf) format("opentype");
margin: 0px 0 10px 0px;
font-weight: normal;
line-height: 1,5;
color: inherit;
text-transform: uppercase;
}
h6 { font: ProximaNovaExCn-Bold; margin: 0px 0 10px 0px; font-weight: normal; line-height: 1,5; color: inherit; text-transform: uppercase;}
h1,h2 {line-height: 1.4; letter-spacing: 1px;}
h1 {font-size: 40px;}
h2 {font-size: 32px;}
h3 {font-size: 24px; letter-spacing: 2px;}
h4 {font-size: 18px; letter-spacing: 1px;}
h5 {font-size: 14px; letter-spacing: 1px;}
h6 {font-size: 12px; }

так тоже не работает

прикрепил бы шрифт, может с ним что-то не так, не могу разобраться как файл прикрепить

[froot]

html { font-size: 100%}
body {font-size: 14px; line-height: 1.5; color: #333; background-color: #fff;}
a {text-decoration: none;}
a:hover, a:focus { text-decoration: none; border: none; }
h1,h2,h3,h4,h5,
@font-face {
font-family: ProximaNovaExCn-Bold;
src: local("ProximaNovaExCn-Bold"),
url(ProximaNovaExCn-Bold.otf);
margin: 0px 0 10px 0px;
font-weight: normal;
line-height: 1,5;
color: inherit;
text-transform: uppercase;
}
h6 { font-family: ProximaNovaExCn-Bold; margin: 0px 0 10px 0px; font-weight: normal; line-height: 1,5; color: inherit; text-transform: uppercase;}
h1,h2 {line-height: 1.4; letter-spacing: 1px;}
h1 {font-size: 40px;}
h2 {font-size: 32px;}
h3 {font-size: 24px; letter-spacing: 2px;}
h4 {font-size: 18px; letter-spacing: 1px;}
h5 {font-size: 14px; letter-spacing: 1px;}
h6 {font-size: 12px; }

и так не работает, вроде все норм

[froot]

Не понимаю почему не работает

[froot]

html { font-size: 100%}
body {font-size: 14px; line-height: 1.5; color: #333; background-color: #fff;}
a {text-decoration: none;}
a:hover, a:focus { text-decoration: none; border: none; }
h1,h2,h3,h4,h5,
@font-face {
font-family: ProximaNovaExCn-Bold;
src: local(ProximaNovaExCn-Bold),
url(ProximaNovaExCn-Bold.otf);
}
h6 { font-family: ProximaNovaExCn-Bold; margin: 0px 0 10px 0px; font-weight: normal; line-height: 1,5; color: inherit; text-transform: uppercase;}
h1,h2 {line-height: 1.4; letter-spacing: 1px;}
h1 {font-size: 40px;}
h2 {font-size: 32px;}
h3 {font-size: 24px; letter-spacing: 1px;}
h4 {font-size: 18px; letter-spacing: 1px;}
h5 {font-size: 14px; letter-spacing: 1px;}
h6 {font-size: 12px; }

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

[npofopr]

Может тире убрать?

Без реального примера, вам мало кто поможет. Статьи для чтения вам дали.

80% что у вас шрифт не там лежит

Опишите структуру проекта. Где шрифт лежит, где стили, где сам хтмл

Прочитайте какие браузеры поддерживают ваш otf.

Скорее всего его еще и через генератор прогнать надо. http://www.fontsquirrel.com/tools/webfont-generator

И скорее всего шрифт из ряда платных

Edited October 29, 2013 by npofopr

[froot]

Может тире убрать?

где именно?

index.html

font/шрифт.otf

images

css/шрифт.otf; style.css

шрифт.otf

положил уже везде)

Edited October 29, 2013 by froot

[Zverushka]

Выложите уже на хостинг это и скажем, почему не работает).

Вопрос на засыпку - латиницу случайно не показывает нужным шрифтом?

Edited October 29, 2013 by Zverushka

[froot]

шрифт кириллический

[Zverushka]

Ну и что - он что латинцу не может отобразить?

Тестите шрифт на машине своей или на хостинге?

Edited October 29, 2013 by Zverushka

[froot]

Ну и что - он что латинцу не может отобразить? Тестите шрифт на машине своей или на хостинге?

шрифт проверял локально просто установив его на комп, и прописав его в css все-работало, отображалось без проблем.

Сейчас удалил шрифт из системы и пробую его подключить

[npofopr]

Идите в генератор, что указывал я выше и генерируйте.

http://htmlbook.ru/blog/vstraivaem-shrifty-pri-pomoshchi-font-squirrel-font-fac

[froot]

Скорее всего его еще и через генератор прогнать надо. http://www.fontsquir...bfont-generator

т.е в ttf переделать?

Прочитайте какие браузеры поддерживают ваш otf.

firefox его поддерживает, написал выше

И скорее всего шрифт из ряда платных

да

[Zverushka]

Ну и что - он что латинцу не может отобразить? Тестите шрифт на машине своей или на хостинге?

шрифт проверял локально просто установив его на комп, и прописав его в css все-работало, отображалось без проблем.

Сейчас удалил шрифт из системы и пробую его подключить

То есть локально шрифт работает, а на хостинге нет или как? И да - попробуйте указать формат шрифта open-type на всякий случай...

Edited October 29, 2013 by Zverushka

[froot]

Решил оставить эту затею, подключил гугловский шрифт, так и оставлю наверно)

Благодарю всех, кто пытался помочь! кому интересно вот сайтик:

http://onlybets.ru/