Адрес сайта; http://summerlove.com.au, где мы используем конкретное семейство шрифтов для слов «SummerLove». Но семейство шрифтов не изменяется для браузеров Firefox и IE. Я использовал этот код css;Font не изменяется в Firefox и IE
font-family: hand_of_sean;
src: url(http://einaco.com/Hand_Of_Sean.ttf);
В поисках быстрой помощи от вас, мои друзья.
Уважением,
Mueedullah К.
Firefox и Интернет-исследователя имеют политику же области для кросс-домена @font-face использования.
Другими словами, если домен, на котором размещен файл шрифта, настроен для передачи правильных заголовков (см. Ниже), когда сделан запрос на файл шрифта, браузер не будет загружать/использовать шрифт, указанный в вашем CSS. Если шрифт размещен в том же домене, у вас не будет этой проблемы.
Если проверить заголовки ответа, посылаемые для файла шрифта вы упоминаете, вы увидите, что он отсутствует правильный заголовок ответа, чтобы шрифт работать кросс- домен. В частности, он отсутствует:
Если присутствовали в ответ, он будет работать. Вам придется поговорить с владельцем сервера/веб-сайта, чтобы это изменилось. Кроме того, если вы разместили шрифт в том же домене, что и ваш веб-сайт, этот заголовок не потребуется.
Unrelated к вашей конкретной проблемы, я также предлагаю дать это чтение, чтобы лучше понять CSS вы должны использовать:
И, как указано в этой статье, генератор шрифтов Font Squirrel хорошо работает для получения правильного CSS, а также для правильных форматов для шрифтов:
Используйте следующий веб-сайт для создания веб-шрифтов.
http://www.fontsquirrel.com/tools/webfont-generator
@font-face {
font-family: 'open_sans';
src: url('Hand_Of_Sean.eot');
src: url('Hand_Of_Sean.eot?#iefix') format('embedded-opentype'),
url('Hand_Of_Sean.woff') format('woff'),
url('Hand_Of_Sean.ttf') format('truetype'),
}
Это совместимо с большинством браузеров.
Я вижу, что на ваш вопрос был дан ответ, поэтому я просто хочу указать, что вам необходимо сжать ваши изображения. От начала до конца на 50-мегабитном FiOS-соединении ваш сайт занял 31 секунду, чтобы скачать. У вас 3.7 мегабайт изображений, отвечающих за большинство из них, и вы можете легко сократить это примерно на 90% –
. Я добавлю, что вам нужно объединить и минимизировать ваши CSS и JavaScript. Но более того, сервер действительно возвращает активы медленно. Возможно, вы захотите изучить CDN, например, AWS Cloudfront. Не так много посетителей будут ждать более 3-4 для загрузки контента. –