@ проблемы со шрифтом

Question

Сейчас я отчаянно пытаюсь заставить @font-face работать на моем сайте. Это код, который я сейчас использую.

@font-face {  
font-family: romeral;  
src: url(fonts/romeral.otf ) format("opentype");  
}

А потом ....

h1 {
font-size:2.5em;
font-family:romeral;
}

Я использую шрифт Romeral. Вот ссылка на него: http://www.smashingmagazine.com/2007/02/06/freefont-of-the-week-romeral/

По какой-то причине это просто не сработает. Он не будет отображать шрифт на странице. Я пытался использовать другие шрифты, такие как Ripe, и они работают. Я удостоверился, что у меня нет никаких орфографических ошибок. Что мне интересно, так это то, есть ли ограничение, которое используют некоторые шрифты, чтобы люди не использовали свои шрифты с @ font-face. Или, возможно, я допустил очевидную ошибку в своем коде.

Заранее спасибо.

Answer 1

Это должно работать (введите имена в "")

@font-face {  
font-family: "romeral";  
src: url("fonts/romeral.otf") format("opentype");  
}

Answer 2

У меня есть решение по этому вопросу. Сначала все, что вам нужно сделать, это конвертировать ваш шрифт в .EOT и .WOFF. Тогда вы можете использовать ваши пользовательские шрифты .. Вот рабочий пост для вашей справки ..

http://blog.totusinfo.com/css-html-custom-fonts-on-web-page/

Answer 3

Вам также может понадобиться создавать другие форматы шрифтов для других браузеров, а не полагаться только на формат opentype. Хороший учебник здесь: Пользовательские шрифты, использующие @ font-face

Answer 4

Ваш браузер поддерживает opentype, вы не используете IE, не так ли? В этом случае вам нужны WEPT шрифты.