He estado construyendo un sitio web (http://www.hallometmirel.nl/troep/website) con un diseño receptivo y he estado probando las diversas resoluciones en varios navegadores y resoluciones en mi laptop y en mi Galaxy S3.@ font-face no funciona en internet explorer mobile
Dado que no puedo obtener Internet Explorer en Google Play, ahora estoy probando el sitio web en un Nokia Lumia 800 del trabajo. Parece que está ejecutando Windows Phone 7.5, y como no puedo encontrar un botón que muestre qué versión de IE es, y el teléfono inteligente es bastante nuevo, sospecho que es IE 9.
@ font-face ha sido trabajando hasta ahora en la última versión de Opera, Firefox, Chrome (escritorio y móvil) e IE 9 (escritorio).
Realmente no tengo idea de por qué no funcionaría en la versión móvil, incluso si es una versión anterior, font-face es compatible con versiones anteriores, ¿verdad? Intenté engañar a IE para que mostrara la fuente cambiando el tipo .eot o incluyendo una carita sonriente (aparentemente hace algo). No puedo encontrar otros temas con respecto a la versión móvil de IE.
Este es el tipo de documento, que podría tener algo que ver con IE9:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="nl-NL">
<head xmlns:og="http://ogp.me/ns#">
y esta es la forma en que incorpora la fuente:
@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')
}
y utilizarlo como esto:
h1,h2,h3,h4,h5,h6{font-family:ChaletComprime-CologneEighty;color:#ef0f63;text-transform:uppercase}
Hmm. Podría intentar usar javascript maldito entonces. ¡Gracias! :) – user1531721