У меня проблема с @ font-face на моем сайте с двумя браузерами: Firefox и Chrome.@ font-face не работает в Chrome и Firefox
В Firefox @ шрифт лицо правило просто не работает, он использует резервный шрифт -Helvetica-
Я объявленный шрифт как это в верхней части моей таблицы стилей:
@font-face {
font-family: 'pf_centro_sans_proregular';
src: url('http://static.algarabia.com/CDN/fonts/pfcentrosanspro-reg-webfont.eot');
src: url('http://static.algarabia.com/CDN/fonts/pfcentrosanspro-reg-webfont.eot?#iefix') format('embedded-opentype'),
url('http://static.algarabia.com/CDN/fonts/pfcentrosanspro-reg-webfont.woff') format('woff'),
url('http://static.algarabia.com/CDN/fonts/pfcentrosanspro-reg-webfont.ttf') format('truetype'),
url('http://static.algarabia.com/CDN/fonts/pfcentrosanspro-reg-webfont.svg#pf_centro_sans_proregular') format('svg');
font-weight: normal;
font-style: normal;
}
Если я ввожу URI в браузере это скачать шрифт без проблем, поэтому, шрифт там (Opera и Safari отображает сайт с правом шрифта)
В Chrome внезапно (с некоторым обновлением, я думаю) меню изменилось на резервный шрифт, да, просто меню, остальная часть сайта ведет себя так, как ожидалось.
Я знаю, что шрифт есть, и мой CSS не должен быть настолько плохим, потому что он работает в Safari (как на рабочем столе, так и на мобильном) и в Opera.
Любые намеки на это?
Благодарим вас за внимание и помощь.
Вы использовали шрифт в любом месте? Просто для меня это работает (Chrome/OSX) http://jsfiddle.net/UhuVB/ – brbcoding
Ваш сервер static.algarabia.com отправляет правильные заголовки, чтобы разрешить межсайтовый доступ к шрифтам? –
@brbcoding Да, я использую его в меню и во всех абзацах. – roymckrank