¿Cómo ver archivos webfont (ttf, woff, woff2, eot) en una Mac?

12

¿Alguien sabe cómo ver los formatos de archivo webfont (ttf, woff, woff2, eot) en una Mac?

Me han enviado algunos archivos y me gustaría verlos para asegurarme de que todos los formatos sean correctos.

El masticable
fuente

Respuestas:

4

1. Use un administrador de fuentes.

Uso FontExplorer X Pro y no tengo problemas para ver las fuentes web. La versión más nueva tiene algunas características web nuevas para simular diferentes sistemas operativos y navegadores para ver cómo se verá su fuente web en diferentes sistemas. Cualquier administrador de fuentes decente debería permitirle ver las fuentes web, al menos hasta cierto punto (FontBook no es un administrador de fuentes decente).

2. Configure una página web de prueba.

Simplemente haga una página HTML normal con todo lo que desea probar, incluya la fuente en su CSS utilizando @font-facecomo lo haría normalmente y abra el archivo local en su navegador, sin necesidad de subir a Internet ni nada de eso. Aunque tener un servidor de desarrollo local es una buena idea.

Cai
fuente
Hola Cai, quiero echar un vistazo rápido a los archivos .eot (utilizados para <IE 9), así como a los demás, y no tengo ese navegador.
The Chewy
Bueno, usar un administrador de fuentes sería la mejor opción. Probablemente haya complementos similares a los que están vinculados a @spiral, pero para los archivos .eot, los veré cuando tenga un poco más de tiempo más tarde.
Cai
4

Hay un complemento QuickLook que te permite previsualizar .woff desde el buscador. Finder debería poder previsualizar .ttf de forma nativa. No estoy seguro de que esto sea suficiente para probar. Puede echar un vistazo y verificar que son fuentes de trabajo, pero no mucho más.

Otra opción es una página de prueba de fuente Drag & Drop de Pablo Impallari. Arrastre las fuentes desde su escritorio y podrá ver el interletraje, el soporte de caracteres, las características de opentype y más.

Editar sept 2018 : página de Impallari se ha reducido, pero hay otras opciones como la página de prueba de Vernon Adam , la versión Cyreal , el espejo de Musictypefoundry o que pueda auto-anfitrión de la fuente

espiral
fuente
¡Esa página de prueba de fuentes se ve bien!
Cai
Eso es excelente, gracias. El pequeño inconveniente es que no admite .eot, que es el que realmente quería comprobar, pero no obstante es un gran hallazgo. Gracias de nuevo.
The Chewy
La página de prueba de la fuente es abajo
sehe
editado para agregar espejos / alternativas
espiral
3

Si también desea obtener una vista previa de caracteres y especificaciones Unicode, este es muy bueno:

FontDrop!

melMass
fuente
2

También estaba buscando una solución. Después de probar muchas opciones, https://transfonter.org/ es lo que funcionó para mí.

ba_ul
fuente
1
Gracias por compartir esto; gran servicio. Simplemente me ayudó a estandarizar y dar sentido a un montón de archivos de fuentes que me habían proporcionado que tenían nombres de archivos crípticos. Deberían actualizarlo y agregar soporte para la font-displaydirectiva css
kjones
1

Además, si necesita abrir y editar archivos de fuentes, o convertirlos, algunos servicios en línea no pueden hacerlo desde el formato .eot. Una herramienta que puede es TransType de Fontlab .

karolus
fuente
No se pueden abrir archivos WOFF2, solo archivos WOFF.
Uwe Keim el