Шрифт загрузки в Safari, но не Chrome

Я пытаюсь использовать следующий WebFont набор из Font Squirrel на веб-странице - http://www.fontsquirrel.com/fonts/DJ-Gross Шрифт загрузки в Safari, но не Chrome

На вкладке «WebFont набор» на странице выше, я не выбрано «Нет Подменю» формы выпадающий список, а затем щелкнул «ЗАГРУЗИТЬ @FONT_FACE KIT»

Я думаю, что шрифт squirrel отлично справляется с объявлением @ font-face для вас, поэтому я только что использовал это в своем CSS и переместил файлы шрифтов (. eot, .svg, .ttf и .woff) в соответствующий каталог для использования на моем сайте, где корректно указаны правильные пути к файлам.

Этот шрифт рендеринга в Safari, но не Chrome

Игнорируя мой сайт, это может быть воспроизведен путем открытия файла DJGROSS.html, который поставляется с загрузкой Font Squirrel. Опять же, это демо работает в Safari, но не Chrome, и я не прикоснулся этот код на всех :)

EDIT:

@font-face { 
    font-family: 'dj_grossnormal'; 
    src: url('DJGROSS-webfont.eot'); 
    src: url('DJGROSS-webfont.eot?#iefix') format('embedded-opentype'), 
     url('DJGROSS-webfont.woff') format('woff'), 
     url('DJGROSS-webfont.ttf') format('truetype'), 
     url('DJGROSS-webfont.svg#dj_grossnormal') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}

Все файлы шрифтов находятся в том же каталоге, что и мой стиль .css, где это объявление @ font-face равно

источник

2014-11-19 Nic

Не может помочь без кода, jsFiddle или чего-то еще ... –

работает ... смотри это image попробуйте убрать вас Google Chrome!

источник

2014-11-19 15:49:21

ahhh, большое спасибо за это :) Угадайте, я посмотрю, что может испортить это в моем примере Chrome: -/ – Nic

Еще раз спасибо. fwiw, похоже, что проблема изолирована от Chrome на Mac, отлично работает, когда я только что тестировал на машине Win7. На Mac я также очистил историю просмотров и попытался запустить Chrome с помощью --disable-extensions, но все равно не отображает :( – Nic

Для записи я загружаю webfontkit DJGROSS на компьютере под управлением Windows 8, и это не рендеринг для меня, либо Я до сих пор не знаю, почему, но единственное, что приходит мне на ум, это пакет, который может содержать плохой файл woff. – Adam

Если вы откроете консоль dev и посмотрите, какие файлы браузер вытягивает с вашего сайта, вы сможете узнать, загружает ли файл шрифта в сафари. Дополнительная информация, подобная этой, поможет нам ответить на ваш вопрос.

источник

2014-11-19 15:40:24 winseybash

Итак, все еще используя демо-версию font-squirrel в качестве примера для тестирования; все эти файлы локальны на моей машине. Safari выглядит как загружающий файл .woff. Глядя в Chrome devtools в разделе «Источники», я не вижу, чтобы он загружал файлы шрифтов. Однако, смотря под вкладкой «Сеть», он загружает файлы .woff и .ttf. – Nic

Chrome фактически загружает как 'woff', так и' ttf' (предположительно потому, что обнаружил, что 'woff' был поврежден или что-то в этом роде). Во всяком случае, я вижу ту же проблему на моей машине с Windows 8 - думаю, файлы шрифтов в пакете плохие. – Adam

Шрифт загрузки в Safari, но не Chrome

ответ

Смежные вопросы