Семейство шрифтов css: почему некоторые шрифты не отображаются на мобильных устройствах

Кто-нибудь знает, почему некоторые из моих семейств шрифтов не отображаются на некоторых мобильных устройствах? Вот страница, которая демонстрирует шрифты:

http://jl.evermight.com/font/

Шрифты правильно отображаются в настольном браузере Chrome, iPad и iPhone. Но когда я просматриваю эту страницу в своей галактической заметке, шрифт Have A Nice Day отображается как нечто похожее на Arial. У моих друзей на Nexus 4 функция «Хорошего дня» работает нормально, но вселенная сгущается и выглядит как Arial.

Кто-нибудь знает, почему?

Я приложил скриншот того, как должны выглядеть шрифтывведите здесь описание изображения

Дополнительные примечания, по утверждению некоторых пользователей, "Хорошего дня" не работает в Firefox или IE10. Для меня шрифт работает в Firefox. У меня нет IE10, поэтому не могу проверить.

Как заставить этот шрифт работать на моем Android?

Дополнительные примечания У меня была опечатка в пути ссылки на файлы css. Я исправил это сейчас. Но проблема все еще появляется в моем браузере droid.


css font-face font-family
person John    schedule 22.02.2013    source источник
comment
также не отображается в Firefox. Возможно, это связано с поддерживаемыми браузером форматами шрифтов.   -  person Fabrício Matté    schedule 22.02.2013
comment
Кстати, он отлично работает в браузере Chrome моей галактики. У вас проблемы с родным браузером андроида или с каким браузером?   -  person Fabrício Matté    schedule 22.02.2013
comment
это правильно, я использую родной браузер дроидов.   -  person John    schedule 22.02.2013

Ответы (4)


arrow_upward
0
arrow_downward

Только что проверил ссылку на моем телефоне - HTC 8s, вроде все работает нормально. Ниже приведен скриншот для того же.

НА HTC 8S

введите здесь описание изображения

В IE 10

введите здесь описание изображения

person Yasser Shaikh    schedule 22.02.2013
comment
Привет, Яссер, на самом деле в твоем изображении последние два шрифта не работают должным образом. Сравните свой HAVEANICEDAY(s) с тем, что указано в моем вопросе. У вас та же проблема, что и у моего Galaxy Note. - person John; 22.02.2013
comment
но тогда те же два шрифта не работают и в IE 10, так что это все еще не проблема, связанная с мобильным устройством, это проблема браузера. (Добавил скриншоты из IE) - person Yasser Shaikh; 22.02.2013
comment
Firefox и IE (и собственный дроид) по какой-то причине не поддерживают эти шрифты, я считаю, что это вопрос ОП. - person Fabrício Matté; 22.02.2013
comment
@FabrícioMatté - если это так, есть ли способ заставить его работать в этих браузерах? - person John; 22.02.2013
comment
О, странно, я тестировал Firefox 18, 19 и 22a, и на них это не сработало. Думал о переконвертировании файлов woff и ttf, хотя, скорее всего, это не проблема. У меня также есть файлы шрифтов, которые не работают в некоторых браузерах. - person Fabrício Matté; 22.02.2013
comment
Я только что исправил ошибку при вводе URL-адреса, которая может вызывать проблемы с Firefox и IE10. Так что попробуйте еще раз в FF и IE. Тем не менее, браузер Android остается проблемой. - person John; 22.02.2013

arrow_upward
0
arrow_downward

Возможно проблема в загрузке. Шрифты, перечисленные в вашем объявлении, должны работать в большинстве браузеров (только убедитесь, что вы не используете Opera Mini, на самом деле он почти ничего не поддерживает).

Кроме того, Have a Nice Day загружается через объявления @font-face в файле CSS, а остальные загружаются из JavaScript, что может быть частью проблемы. Droid Sans по умолчанию находится на телефонах Android, поэтому они, скорее всего, просто загружают их локально, поэтому они работают на Android по всем направлениям. Отсюда может быть разница в поддержке JavaScript (например, если Universe не работает, JS не включен).

Еще одна вещь, которая может помочь, — открыть инструменты разработчика в настольном браузере, который не работает (в случае с Firefox вам понадобится расширение Firebug). Проверьте вкладку «Сеть» или «Сеть» и посмотрите, загружаются ли ваши файлы шрифтов.

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

Кроме того, шрифты Droid Serif доступны в веб-шрифтах Google, которые легко работают в разных браузерах. Возможно, стоит посмотреть, есть ли другие ваши шрифты (или что-то похожее), и просто использовать загрузчик веб-шрифтов Google для загрузки ваших шрифтов.

person Shauna    schedule 22.02.2013

arrow_upward
0
arrow_downward

Проблема устранена. По-видимому, на myfonts.com была ошибка, из-за которой мои файлы шрифтов были повреждены. Я связался с myfonts.com, и они сразу же исправили проблему. Затем повторно отправил мне файлы шрифтов. Теперь все работает отлично.

Ребята на myfonts.com замечательные. Очень хорошие услуги клиент + техническая поддержка.

person John    schedule 22.02.2013

arrow_upward
-1
arrow_downward

Ниже приведена ссылка на то, как я делаю свой @fontfaces для кроссбраузерной совместимости.

Кроссбраузерный шрифт

person Michael Merrill    schedule 22.02.2013
comment
Хотя это может или не может технически ответить на вопрос, вы должны написать лучшее объяснение в своем ответе. Известно, что ссылки не работают, поэтому ответ, зависящий от ссылки, может стать бесполезным в будущем. - person Shauna; 22.02.2013