@ font-face не работает на ff, chrome и safari (на mac) - PullRequest
Новая
       3

@ font-face не работает на ff, chrome и safari (на mac)

0 голосов
/ 15 февраля 2012

Я не могу заставить @ font-face работать в любом браузере на Mac. Я считаю, что это соответствующий код, но я буду рад вставить другие фрагменты. Маки справляются с этим по-другому? 

@font-face {
font-family: BebasNeue;
src: url('fonts/BebasNeue.otf');
}

/*----HEADING----*/
.heading {
font-family: BebasNeue, sans-serif;
}

.word1{
font-size: 100px;
position: absolute;
top: 35px;
}

.word2{
font-size: 79px;
color: 6a6964;
position: absolute;
top: 54px;
left: 165px;
}

.word3{
font-size: 106px;
position: absolute;
top: 104px;
}

.tagline {
font-family: BebasNeue, sans-serif;
font-size: 35px;
color: c1bcb6;
position: absolute;
top: 205px;
left: 13px;
}

.tagWord2{
color: 6a6964;
}

.copyright {
font-family: arial, sans-serif;
color: 6a6964;
font-size: 13px;
font-variant: small-caps;
position: absolute;
top: 245px;
left: 215px;
}

PS У меня недавно была операция на плече, поэтому я ценю ваше терпение, пока я нажимаю на клавиатуру одной рукой. Спасибо!

*** Итак, я выяснил свою ошибку, произошла ошибка в расположении шрифта, и на моей локальной машине уже загружен шрифт. У меня недостаточно репутации, чтобы отвечать или удалять свой собственный вопрос, поэтому первым, кто напишет его, я отвечу как правильный.

1 Ответ

1 голос
/ 15 февраля 2012

Откуда вы взяли файл шрифта BebasNeue.otf?Может ли быть так, что на самом деле это не шрифт otf?

Чтобы сделать шрифт полностью совместимым с браузером, вам нужно предоставить еще несколько источников шрифтов в разных форматах.Вот хорошая отправная точка: http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

...