如何使用@font-face CSS语句的字体手提箱?



我想在我的Rails应用程序中使用Eurostyle字体。我们不久前买了它,并安装在我们的Mac电脑上。字体出现在我们所有的应用程序中。

这是我第一次在样式表中使用@font-face CSS语句。我找不到任何使用字体行李箱的例子。我已经找到了一些关于如何分割字体的解决方案。到目前为止,我找到的那个还没用。下面的链接建议使用DFontSplitter,但当我这样做时,我得到了下面列出的错误。我不知道这是什么。

想要嵌入字体但无法从font Suitcase或PostScript Type 1文件转换

错误信息是:' cannot find an appropriate resource fork in/Users/xxxxxxx/Desktop/Exported Fonts/Eurostile/Eurostile

我看到的唯一一个解决方案非常复杂,是针对Mac OS 9的。

是否有人成功地使用了一个带有@font-face语句的字体手提箱?如果不是,我如何将其转换为ttf或在流行浏览器上工作的其他字体格式?

简短的回答:你不能。@font-face用于加载单个字体文件,而不是手提箱/fontbooks/opentype集合等。

长答案:没有长答案,只有短答案。

将您需要的单个字体转换为opentype格式,或者理想情况下是由WOFF包装的opentype格式(WOFF v1有大量支持,WOFF v2还没有,它太新了),并指向那些与您的(可能是多个由于多个字体样式和权重)@font-face规则。

我能够找到一个解决方案,将我的字体箱转换为TTF使用下面的链接的解决方案。

http://macthoughts.net/20131112 - 373

转换完我的手提箱文件后,我将TTF文件复制到我的Rails应用程序中。我更改了样式表中的src值,以指向应用程序中的字体文件。现在,没有安装字体的人将在Rails应用程序中看到我想要的字体。

我可以通过这种方式从font - suitcase文件中获取ttf文件:我打开了mac (osx 10.13.2)上的Font Book应用程序,找到了字体(确保它已经安装)。选择字体,然后单击"文件-导出字体",然后选择位置。在我的例子中,结果是一个ttc文件。我可以很容易地把这个文件转换成像这样的在线转换器。

最新更新