Como visualizar arquivos webfont (ttf, woff, woff2, eot) em um mac?

12

Alguém sabe como visualizar os formatos de arquivo webfont (ttf, woff, woff2, eot) em um Mac?

Recebi alguns arquivos e gostaria de visualizá-los para garantir que todos os formatos estejam corretos.

The Chewy
fonte

Respostas:

4

1. Use um gerenciador de fontes.

Eu uso o FontExplorer X Pro e não tenho problemas para visualizar fontes da web. A versão mais recente possui alguns novos recursos específicos da web para simular diferentes sistemas operacionais e navegadores e ver como a webfont ficará em diferentes sistemas. Qualquer gerenciador de fontes decente deve permitir que você veja fontes da Web, pelo menos até certo ponto (o FontBook não é um gerenciador de fontes decente).

2. Configure uma página da web de teste.

Basta criar uma página HTML comum com tudo o que você deseja testar, incluir a fonte no CSS usando @font-facecomo faria normalmente e abrir o arquivo local no navegador - não é necessário fazer o upload para a Internet ou algo assim. Embora ter um servidor de desenvolvimento local seja uma boa ideia.

Cai
fonte
Oi Cai, eu quero dar uma olhada rápida nos arquivos .eot (usados ​​para o <IE 9) e nos outros, e eu não tenho esse navegador.
The Chewy
Bem, usar um gerenciador de fontes seria a melhor opção. Provavelmente existem plugins semelhantes ao @spiral vinculado, mas para arquivos .eot, verei um pouco quando tiver mais tempo.
Cai
4

Existe um plugin do QuickLook que permite visualizar .woff a partir do localizador. O Finder deve poder visualizar .ttf nativamente. Não tenho certeza se isso é suficiente para testar. Você pode dar uma olhada e verificar se elas estão funcionando, mas não muito mais.

Outra opção é uma página de teste de fontes Drag & Drop de Pablo Impallari. Arraste as fontes da área de trabalho e poderá ver kerning, suporte a caracteres, recursos opentype e muito mais.

Edit sept 2018 : A página de Impallari está inativa, mas há outras opções como a página de testes de Vernon Adam , a versão Cyreal , o espelho de Musictypefoundry ou você pode se auto-hospedar da fonte

espiral
fonte
Essa página de teste de fontes parece boa!
Cai
Isso é excelente obrigado. A ligeira desvantagem é que ele não suporta .eot, que é o que eu realmente queria verificar, mas, mesmo assim, é um ótimo achado. Obrigado novamente.
Chewy
A página de teste da fonte está inoperante
veja
editado para adicionar espelhos / alternativas
spiral
3

Se você também deseja visualizar caracteres e especificações unicode, este é muito bom:

FontDrop!

melMass
fonte
2

Eu também estava procurando uma solução. Depois de tentar muitas opções, https://transfonter.org/ é o que funcionou para mim.

ba_ul
fonte
11
Obrigado por compartilhar isso; ótimo serviço. Apenas me ajudou a padronizar e entender um monte de arquivos de fonte que haviam sido fornecidos com nomes de arquivos enigmáticos. Eles devem atualizá-lo e adicionar suporte para a font-displaydirectiva css
kjones
1

Além disso, se você precisar abrir e editar arquivos de fonte ou convertê-los, alguns serviços online não poderão fazer isso no formato .eot. Uma ferramenta que pode ser o TransType do Fontlab .

karolus
fonte
Não é possível abrir arquivos WOFF2, apenas arquivos WOFF.
Uwe Keim