Polices Web de Google n'est pas correctement rendu dans Safari
Je suis en utilisant google webfonts dans mon site web,
body {
font-family: 'Roboto', sans-serif;
}
Lien de la police dans la mise en page à l'aide de
<link href='http://fonts.googleapis.com/css?family=Lato|Roboto:400,300' rel='stylesheet' type='text/css'>
Ce qui est parfaitement travailler dans Chrome et firefox. Mais dans Safari, la police est mor gras, j'essaie de fixer l'épaisseur de la police, mais n'a pas travaillé. comment puis-je résoudre ce problème
Différents navigateur et l'OS de combinaisons de rendu des polices différemment, de légères variations sont attendus.
ce safari version avez-vous?
Cette réponse a fonctionné pour moi: stackoverflow.com/a/33959265/1624933 voir mon commentaire trop
ce safari version avez-vous?
Cette réponse a fonctionné pour moi: stackoverflow.com/a/33959265/1624933 voir mon commentaire trop
OriginalL'auteur shyama | 2015-02-14
Vous devez vous connecter pour publier un commentaire.
Google Polices fournit trois méthodes d'importation:
< link >
,@import
ou JavaScript). Quel que soit votre choix, la réponse de la demande est toujours la même, une liste de polices.La "url" descripteur de chaque type de police fournit les chemins d'accès où le binaire doit être cueilli. Tout d'abord, il va essayer les polices installées dans l'OS, si elle échoue, aller chercher dans Google Fonts.
En quelque sorte Safari n'obtenez pas la bonne police de caractère pour le désiré "font-weight" si la police est dans l'OS. Dans mon cas, j'ai mis "font-weight" à 100, de sorte qu'il doit utiliser "Roboto-Mince", mais il devient "Roboto-Lumière" à la place.
La solution la plus simple est de désinstaller la police et de laisser Google fournir (je l'ai fait à Roboto). Si cela n'est pas bon pour vous, il ya une autre option: ne pas utiliser de l'importation des méthodes décrites ci-dessus et de définir les polices de vous-même.
Pour ces, collez l'URL que Google fourni dans le navigateur, copiez le code CSS fourni et collez-le dans votre propre fichier CSS.
par exemple:
OriginalL'auteur Guilherme Mattar
Apparemment, Safari n'a pas encore de support woff2. Il prend en charge woff. Vous avez donc de trouver le woff version d'url et modifier le format woff.
link_element.href +=
Par exemple:
http://fonts.googleapis.com/css?family=Roboto:100italic,100,300 italic,300,400 italic,400,500 italic,500,700 italic,700,900 italic,900
Ce sont les woff versions.
OriginalL'auteur jay