Comment visualiser les fichiers webfont (ttf, woff, woff2, eot) sur un mac?


12

Quelqu'un sait-il comment afficher les formats de fichiers de polices Web (ttf, woff, woff2, eot) sur un Mac?

On m'a envoyé des fichiers et j'aimerais les voir pour que je puisse m'assurer que tous les formats sont corrects.

Réponses:


4

1. Utilisez un gestionnaire de polices.

J'utilise FontExplorer X Pro et je n'ai aucun problème à visualiser les polices Web. La dernière version possède de nouvelles fonctionnalités spécifiques au Web pour simuler différents systèmes d'exploitation et navigateurs afin de voir à quoi ressemblera votre police Web sur différents systèmes. Tout gestionnaire de polices décent devrait vous permettre de voir les polices Web, au moins dans une certaine mesure (FontBook n'est pas un gestionnaire de polices décent).

2. Créez une page Web de test.

Créez simplement une page HTML régulière avec tout ce que vous voulez tester, incluez la police dans votre CSS en utilisant @font-facecomme vous le feriez normalement et ouvrez le fichier local dans votre navigateur - pas besoin de télécharger sur Internet ou quelque chose comme ça. Bien qu'avoir un serveur de développement local soit une bonne idée.


Salut Cai, je veux jeter un coup d'œil aux fichiers .eot (utilisés pour <IE 9) ainsi qu'aux autres et je n'ai pas ce navigateur.
The Chewy

Eh bien, l'utilisation d'un gestionnaire de polices serait la meilleure option. Il existe probablement des plugins similaires à celui auquel @spiral est lié, mais pour les fichiers .eot, je jetterai un œil lorsque j'aurai un peu plus de temps plus tard.
Cai

4

Il existe un plugin QuickLook qui vous permet de prévisualiser .woff à partir du Finder. Le Finder devrait pouvoir prévisualiser .ttf en mode natif. Je ne suis pas sûr que cela soit suffisant pour les tests. Vous pouvez jeter un œil et vérifier qu'elles fonctionnent, mais pas beaucoup plus.

Une autre option est une page de test de police Drag & Drop de Pablo Impallari. Faites glisser les polices depuis votre bureau et vous pouvez voir le crénage, la prise en charge des caractères, les fonctionnalités de type ouvert et plus encore.

Modifier SEpT 2018 : La page de Impallari est en baisse, mais il y a d' autres options comme la page de test de Vernon Adam , la Version Cyreal , miroir de Musictypefoundry ou vous pouvez auto-hôte de la source


Cette page de test de police semble bonne!
Cai

C'est un excellent merci. Le léger inconvénient étant qu'il ne prend pas en charge .eot qui est celui que je voulais vraiment vérifier, mais une bonne trouvaille néanmoins. Merci encore.
The Chewy

La page de test de police est en baisse
sehe

modifié pour ajouter des miroirs / alternatives
spirale

3

Si vous souhaitez également prévisualiser les caractères et les spécifications unicode, celui-ci est très bon:

FontDrop!


2

Je cherchais également une solution. Après avoir essayé de nombreuses options, https://transfonter.org/ est ce qui a fonctionné pour moi.


1
Merci d'avoir partagé ceci; très bon service. Je viens de m'aider à normaliser et à donner un sens à un tas de fichiers de polices qui m'avaient été fournis et qui avaient des noms de fichiers cryptés. Ils devraient le mettre à jour et ajouter le support de la font-displaydirective css
kjones

1

De plus, si vous devez ouvrir et modifier des fichiers de polices ou les convertir, certains services en ligne ne peuvent pas le faire à partir du format .eot. Un outil qui peut être TransType de Fontlab .


Impossible d'ouvrir les fichiers WOFF2, uniquement les fichiers WOFF.
Uwe Keim
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.