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

Google Polices semble être la seule à offrir de polices dans WOFF2.

Alors que cela fonctionne très bien avec Chrome, WOFF2 ne semble pas être pris en charge par de nombreux autres navigateurs

Est-il un moyen de le relier directement à Google polices hébergé sur leur CA dans un format autre que WOFF2?

  • Cochez cette pour tout.
  • Google sert le fichier en fonction du navigateur, dans la plupart des navigateurs modernes, vous aurez la woff2 version. Utilisation curl pour obtenir le fichier woff: curl 'https://fonts.googleapis.com/css?family=Karla'
  • Cette question est maintenant fermé (DONC vraiment a changer sa politique), mais la meilleure réponse à cette question est cette application gratuite google-webfonts-helper.herokuapp.com/f
  • Daniel Bang, cela ne fonctionne pas pour moi, je viens de recevoir le code CSS de la police TTF.
InformationsquelleAutor cantsay | 2014-11-11
  1. 87

    Malheureusement, Google n'offre pas un moyen facile de télécharger directement des polices. Vous pouvez parcourir les premières dépôt git pour rechercher le fichier que vous voulez.

    Ne pas créer de lien vers le GitHub hébergé des polices dans votre CSS si! GitHub sert les fichiers avec le mauvais type mime, ce qui provoque des problèmes dans certains navigateurs.

    Alors qu'il n'est pas un courant CA pour tous les formats, vous pouvez utiliser http://google-webfonts-helper.herokuapp.com pour télécharger les fichiers de police et de les héberger vous-mêmes.

    • localfont devrait être de répondre #1 comme il fonctionne comme Google Polices de lui-même, mais indique que toutes les polices versions.
    • Malheureusement, localfont ne pas télécharger tous les jeux de caractères de la police. Il ne comprend que le jeu de caractères Latin. google webfonts-helper serait le meilleur outil pour cela.
    • localfont.com semble être mort en juillet 2017.
    • localfont.com est mort, mais cette solution fonctionne bien: google-webfonts-helper.herokuapp.com
    • vous devez présenter google-webfonts-helper.herokuapp.com comme une réponse.
    • J'aurais du, mais il est trop tard. La question est maintenant fermé.
    • J'ai juste utilisé des outils de développement Chrome et de mettre mon agent utilisateur d'un iPhone 5s, et j'ai été servi un fichier woff.
    • Oh la google webfonts-helper est vraiment très bon 🙂 Merci pour ce partage. Il m'a sauvé beaucoup de travail!
    • Aucune idée de pourquoi les polices proposées par Google CDN sont beaucoup plus petites que si je les télécharger directement à l'aide de google webfonts-helper? Par exemple, le Latin woff2 version de Ouvert Sans est d'environ 9 ko de la CAN mais 15 ko téléchargé. J'ai essayé d'utiliser un outil pour filtrer les plages unicode défini dans le fichier css, mais j'ai seulement réussi à le faire descendre à 14kb.
    • Je ne sais pas, peut-être que c'est juste format?

    InformationsquelleAutor udondan
  2. 16

    Quand j'ouvre l'URL suivante dans le navigateur Chrome, je reçois un lien vers la police dans woff2 format. Quand j'utilise Firefox, c'est dans woff format et sur un appareil Android exécutant pré-4.4, il est en ttf format.

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

    Il semble donc que Google fournit des polices de caractères dans un format approprié à la demande de l'agent utilisateur.

    • Je suis accéder que dans Firefox, et les polices sont dans woff2 format. Peut-être que la situation pour les FF qui a changé?
    • J'ai essayé ceci dans safari tout à l'heure et got 'woff' vs 'woff2" pour chrome, semble être au travail. @après mon firefox prend en charge woff2.
    • C'est un raccourci pratique. Souhait de google permettrait d'ajouter des options de format pour les téléchargements. Une autre façon de contourner ce, depuis je ne le vois pas mentionné nulle part ailleurs sur cette question, c'est de télécharger les .ttf à partir de Google, et de le transférer à la Police Écureuil webfont générateur: fontsquirrel.com/tools/webfont-generator qui va convertir votre police de caractères selon le format web dont vous avez besoin.
    InformationsquelleAutor Dheeraj V.S.
  3. 7

    Une autre option est d'utiliser les éléments suivants (nœud) gulp package: gulp-google webfonts.

    Une fois installé, il prend que quelques minutes pour installer des polices et de créer des css correspondant.

    Noter que lors de l'installation de Google Police de caractères avec les espaces dans le nom, (ne pas sortir) de référence avec le signe comme suit:

    polices.liste

    Cabin+Sketch:400
    InformationsquelleAutor MikeiLL
  4. 1

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

    InformationsquelleAutor isapir