Question

我想使用为我的组织制作的字体设计师的惊人字体。字体是Mac字体，没有文件扩展名，Sublime Text 2似乎无法识别它。我正在使用Bootstrap构建一个网站，并希望使用该字体 - 如何将其转换为woff？

我在Mac终端上使用了文件-I命令，它给了我：

application/x-empty; charset=binary

Answer 1

您可以使用Font Squirrel的Webfont generator将其转换为webfont。之后，您可以将其添加到CSS中以使字体正常工作。

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Answer 2

对于其他试图回答这个问题的人来说 - 唯一有效的方法是切换到PC并使用Cross Font。

在Bootstrap中使用没有文件扩展名的自定义Mac字体

2 个答案: