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

Question

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

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

application/x-empty; charset=binary

Answer 1

您可以使用 Font Squirrel 的 Webfont generator 将其转换为网络字体。之后，您可以将其添加到 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 并使用交叉字体。

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

Using custom Mac font with no file extension in Bootstrap

css

macos

twitter-bootstrap

fonts

sublimetext2