polices Google ne se charge pas sur mobile

Question

Je suis en train d'utiliser la police Google Six Cap sur ma page Web http://iconablare.in/iconablareredesign

Il fonctionne parfaitement sur le bureau, mais il ne se charge pas sur mobile avec le site complet mais quand je l'ai essayé de faire un nouveau fichier html avec juste cette police

http://iconablare.in/iconablareredesign/style.css il charge à la fois sur le web et mobile parfaitement peut-on aider? J'utilise le même code dans les deux fichiers.

Answer 1

S'il est possible pour vous d'essayer d'inclure vos scripts de lien de police google dans votre tête au lieu de l'importer dans votre css comme ceci:

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> 

au lieu de ceci:

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); 

Et de voir si cela fonctionne,

De toute façon, si votre en-tête n'est pas accessible ou si vous insistez pour l'importer dans votre css, assurez-vous que les lignes de code @import sont les premières fichier ligne comme celui-ci:

@import url(http://fonts.googleapis.com/css?family=Six+Caps); 
@import url(http://fonts.googleapis.com/css?family=Marcellus+SC); 
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); 

img, object, embed, video { 
    max-width: 100%; 
} 
/* IE 6 does not support max-width so default to width 100% */ 
.ie6 img { 
    width:100%; 
} 

au lieu de ceci:

@charset "utf-8"; 
/* Simple fluid media 
    Note: Fluid media requires that you remove the media's height and width attributes from the HTML 
    http://www.alistapart.com/articles/fluid-images/ 
*/ 
img, object, embed, video { 
    max-width: 100%; 
} 
/* IE 6 does not support max-width so default to width 100% */ 
.ie6 img { 
    width:100%; 
} 


@import url(http://fonts.googleapis.com/css?family=Six+Caps); 
@import url(http://fonts.googleapis.com/css?family=Marcellus+SC); 
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); 

(également discuté ici: How to import Google Web Font in CSS file?)