Ho creato un sito Web (http://www.hallometmirel.nl/troep/website) con un layout reattivo e ho testato le varie risoluzioni in diversi browser e risoluzioni sul mio laptop e sul mio Galaxy S3.@ font-face non funziona in Internet Explorer Mobile
Visto che non riesco ad accedere a Internet Explorer su Google Play, sto testando il sito Web su un Nokia Lumia 800 dal lavoro. Sembra che sia in esecuzione Windows Phone 7.5 e poiché non riesco a trovare un pulsante che mostri la versione di IE e lo smartphone sia abbastanza nuovo, sospetto che sia IE 9.
@ font-face è stato funziona finora con l'ultima versione di Opera, Firefox, Chrome (desktop e mobile) e IE 9 (desktop).
Non ho davvero idea del motivo per cui non funzionerebbe nella versione mobile, anche se è più vecchia, font-face è supportato da versioni precedenti, giusto? Ho provato a indurre IE a mostrare il carattere cambiando il tipo .eot o includendo una faccina (apparentemente fa qualcosa). Non riesco a trovare altri argomenti per quanto riguarda la versione mobile di IE.
Questo è il tipo di documento, che potrebbe avere qualcosa a che fare con IE9:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="nl-NL">
<head xmlns:og="http://ogp.me/ns#">
E questo è il mio modo di incorporare il font:
@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')
}
e usarlo in questo modo:
h1,h2,h3,h4,h5,h6{font-family:ChaletComprime-CologneEighty;color:#ef0f63;text-transform:uppercase}
Hmm. Potresti provare a utilizzare il javascript dannatamente allora. Grazie! :) – user1531721