Привет, у меня есть вопрос здесь о @ font-face. У меня есть шрифт, который нужно использовать на моем веб-сайте. но он работает только на хроме, нет удачи в firefox и IE. поэтому я ищу из Интернета и нашел, что следующий код хорошо работает на всех браузерах.@ Работа над шрифтом на основе шрифта на firefox и IE
@font-face {
font-family: 'Gradient';
src:url("http://themes.googleusercontent.com/static/fonts/opensanscondensed/v7/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff") format("woff");
}
однако, как только я его скачать и поставить его на моем сервере, он не работает снова:
@font-face {
font-family: 'Gradient';
src:url("gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff") format("woff");
}
так я пытаюсь использовать URL, чтобы включить файл Woff на моем сервере, но не работы:
@font-face {
font-family: 'Gradient';
src:url("http://mywebsite/mypath/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff") format("woff");
}
Любой может объяснить, почему? тот же файл на другом сервере работает хорошо, а другой нет.
Большое спасибо Jenny
Это не совсем правильно; домен, обслуживающий шрифт WOFF, должен предоставить заголовок ответа «Access-Control-Allow-Origin». Нажмите «F12», чтобы проверить сообщение об ошибке в консоли, чтобы определить, является ли это проблемой. – EricLaw
спасибо за помощь. во всяком случае, я не вижу ошибок в консоли, и файл шрифта был успешно загружен. я не понимаю, почему «http://themes.googleusercontent.com/static/fonts/opensanscondensed/v7/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff» работает, но «http: // mywebsite/mypath/gk5FxslNkTTHtojXrkp- xF1YPouZEKgzpqZW9wN-3Ek.woff "нет? – user3179429
Попробуйте запустить его через генератор webfont, например: http://www.fontsquirrel.com/tools/webfont-generator. Это должно дать вам все необходимые коды. – kthornbloom