如何在Mac上查看Webfont文件(ttf,woff,woff2,eot)?


12

有谁知道如何在Mac上查看webfont文件格式(ttf,woff,woff2,eot)?

我已经收到了一些文件,想查看它们,以便确保所有格式正确。

Answers:


4

1.使用字体管理器。

我使用FontExplorer X Pro,并且可以轻松查看Web字体。最新版本具有一些特定于Web的新功能,用于模拟不同的操作系统和浏览器,以查看Webfont在不同系统上的外观。任何体面的字体管理器都应至少在某种程度上让您看到网络字体(FontBook不是体面的字体管理器)。

2.设置一个测试网页。

只需制作一个常规HTML页面,其中包含您要测试的所有内容,就可以@font-face像往常一样使用CSS中的字体,并在浏览器中打开本地文件-无需上传到Internet或类似的东西。尽管拥有本地开发服务器是一个好主意。


嗨,蔡,我想快速浏览一下.eot文件(用于<IE 9)以及其他文件,但我没有该浏览器。
耐嚼的

好吧,使用字体管理器将是最好的选择。可能有与@spiral链接的插件类似的插件,但是对于.eot文件,我待会儿再看看。

4

有一个QuickLook插件,可让您从finder中预览.woff。Finder应该能够本地预览.ttf。我不确定这是否足以进行测试。您可以看一下并确认它们是有效的字体,但仅此而已。

另一个选项是Pablo Impallari的拖放字体测试页。从桌面上拖动字体,您可以看到字距调整,字符支持,opentype功能等。

2018年9月编辑:Impallari的页面关闭,但还有其他选项,例如Vernon Adam的测试页面Cyreal版本Musictypefoundry的镜像,或者您可以从源代码进行自我托管


该字体测试页看起来不错!

非常感谢。稍微的缺点是它不支持.eot,这是我真正想要检查的那个,但是仍然有不错的发现。再次感谢。
耐嚼的

字体测试页面已关闭
sehe

编辑添加镜像/替代品
螺旋


2

我也在寻找解决方案。在尝试了多种选择之后,https://transfonter.org/对我有用。


1
感谢您分享;优质的服务。只是帮助我标准化并弄清了我提供的一堆字体文件,这些文件名含糊不清。他们应该更新它并添加对font-displaycss指令的支持
kjones 19'2

1

此外,如果您需要打开和编辑字体文件或将其转换,某些在线服务无法通过.eot格式执行此操作。Fontlab的TransType是一种工具。


无法打开WOFF2文件,只能打开WOFF文件。
Uwe Keim
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.