Google Web Fonts no se carga en Chrome para iOS

Cuando uso Google Webfonts, se cargan bien en todos los browseres que me importan, EXCEPTO Chrome / iOS. Esto parece extraño, ya que funciona bien en Chrome para Mac y Safari para iOS, así que no creo que sea un problema de iOS o un problema de Google Chrome. Parece ser específico para Chrome / iOS.

¡Cualquier idea, o ideas sobre CÓMO solucionar problemas, sería genial!

¡Gracias!

EDITAR

Estoy usando Google Web Fonts alojado en Google, con lo siguiente:

<link href="http://fonts.googleapis.com/css?family=Leckerli+One" rel="stylesheet" type="text/css" /> 

En mi fuente (SASS), estoy usando lo siguiente:

 h1 font-family: "Leckerli One", cursive 

Estoy viendo el mismo problema. Alojar los files de fonts en mi propio server y reescribir las reglas de @ font-face para que coincidan resolvió el problema para mí, tanto con mi server de dev local como en prod.

No sé la causa; mi mejor conjetura sería un problema de origen similar que se aplica de manera diferente en UIWebViews (iOS Chrome es una UIWebView debido a las reglas de App Store).

Los dispositivos IOS solo usan formattings TTF (o OTF si siguen las pautas del desarrollador a continuación). Esa fuente se sirve como WOFF, EOT y OTF (supuestamente no sigue las pautas). Hay algunos services que le darán otras versiones. ¡Intenta especificar la fuente usando @ font-face y mira si eso soluciona el problema! Fontsquirrel tiene un generador de @face-face para hacer el trabajo pesado.

En lo que respecta a la pregunta de seguimiento. Hay documentation de desarrollador de Apple en su implementación de las fonts TrueType. Se puede encontrar aquí . Básicamente, los formattings TTF almacenan la fuente como resources sfnt. El único otro formatting de fuente que puede hacer esto es el contenedor sfnt de la tabla offset de OpenType. Debido a que IOS lee fonts con envoltorios de sfnt, se encontrará con problemas con las fonts que no se almacenan de esta manera. (Perdón por toda la charla jerigonza).

Puede usar Google Fonts API Loader, que detectará el browser del usuario y enviará CSS formateado apropiadamente.

El código de ejemplo está disponible en la primera respuesta en esta pregunta sobre desbordamiento de stack .

Esto permitirá que Safari y Chrome (y otros browseres basados ​​en UIWebView ) muestren la fuente correctamente.

Nota : si desea almacenar las fonts localmente, como sugirió @Dave, este CSS debería funcionar.

En el CSS puede usar

 !important 

Ejemplo:

 @font-face { font-family: 'Monda' !important; font-style: normal !important; font-weight: 400 !important; src: local('Monda Regular'), local('Monda-Regular'), url(http://themes.googleusercontent.com/static/fonts/monda/v1/sk05J8GA1NvUxDnk43EgAQ.woff) format('woff') !important; } 

En caso de que alguien más siga viendo este problema (una fuente que no se carga en Chrome en iOS 9 o anterior), compruebe que la fuente se importa como un file css y no como un file js. Fonts.com le dará la opción de importar fonts como js, ​​que no se recogerán en Chrome / iOS 9 o inferior. Cambiar mi import a css me arregló esto.

Para mí funciona añadir en la página de php:

 <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Trocchi'); @import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); </style>