web-dev-qa-db-fra.com

Comment puis-je télécharger des fichiers WOFF à partir de Google Fonts?

Google Fonts semble ne proposer que des polices dans WOFF2.

Bien que cela fonctionne bien avec Chrome, WOFF2 ne semble pas être supporté par de nombreux autres navigateurs

Existe-t-il un moyen de relier directement les polices Google hébergées sur leur CDN dans un format autre que WOFF2?

43
cantsay

Malheureusement, Google ne propose pas un moyen facile de télécharger directement des polices. Vous pouvez parcourir le référentiel git brut pour rechercher le fichier souhaité.

Ne créez pas de lien vers les polices hébergées par GitHub dans votre CSS! GitHub sert les fichiers avec le type mime incorrect, ce qui pose des problèmes dans certains navigateurs.

Bien qu'il n'y ait pas de CDN grand public pour tous les formats, vous pouvez utiliser http://google-webfonts-helper.herokuapp.com pour télécharger la police. fichiers et hébergez-les vous-mêmes.

84
udondan

Lorsque j'ouvre l'URL suivante dans Chrome, je reçois un lien vers la police dans woff2 _ format. Lorsque j'utilise Firefox, il est au format woff et dans un appareil Android fonctionnant avant la version 4.4), il est au format ttf.

http://fonts.googleapis.com/css?family=Open+Sans

Il semble donc que Google distribue les polices dans un format approprié pour l'agent utilisateur demandeur.

16
Dheeraj V.S.

Une autre option consiste à utiliser le package suivant ( nœud ) gulp : gulp-google-webfonts .

Une fois installé, il faut quelques instants pour installer les polices et créer le fichier css correspondant.

Notez que lors de l'installation d'une police Google avec un espace dans le nom, vous devez l'indiquer avec le signe plus comme suit:

fonts.list

Cabin+Sketch:400
7
MikeiLL

Vous pouvez utiliser everythingfonts.com pour convertir le fichier ttf en un fichier woff.

1
isapir