Я разрабатывал веб-сайт (http://www.hallometmirel.nl/troep/website) с адаптивным макетом. и тестировал различные разрешения в нескольких браузерах и разрешениях на моем ноутбуке и на моем Galaxy S3.
Поскольку я не могу установить Internet Explorer в Google Play, сейчас я тестирую веб-сайт на Nokia Lumia 800 с работы. Кажется, он работает под управлением Windows Phone 7.5, и, поскольку я не могу найти кнопку, которая показывает версию IE, а смартфон совсем новый, я подозреваю, что это IE 9.
До сих пор @font-face работал в последних версиях Opera, Firefox, Chrome (настольный и мобильный) и IE 9 (настольный).
Я действительно понятия не имею, почему это не будет работать в мобильной версии, даже если она более старая, font-face поддерживается более старыми версиями, верно? Я пытался обмануть IE, чтобы он отображал шрифт, изменив тип .eot или включив смайлик (очевидно, он что-то делает). Я не могу найти другие темы, касающиеся мобильной версии IE.
Это тип документа, он может иметь какое-то отношение к IE9:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="nl-NL">
<head xmlns:og="http://ogp.me/ns#">
И вот как я вставляю шрифт:
@font-face {
font-family:'ChaletComprime-CologneEighty';
src:url('fonts/ChaletComprime-CologneEighty.eot');
src:url('fonts/ChaletComprime-CologneEighty.eot?#iefix') format('embedded-opentype'),
url('fonts/ChaletComprime-CologneEighty.woff') format('woff'),
url('fonts/ChaletComprime-CologneEighty.ttf') format('truetype'),
url('fonts/ChaletComprime-CologneEighty.svg#svg/ChaletComprime-CologneEighty') format('svg')
}
И используйте это так:
h1,h2,h3,h4,h5,h6{font-family:ChaletComprime-CologneEighty;color:#ef0f63;text-transform:uppercase}