在Bootstrap中使用沒有文件擴展名的自定義Mac字體

Question

我想使用字體設計器爲我的組織製作的驚人字體。字體是沒有文件擴展名的Mac字體，Sublime Text 2似乎不能識別它。我正在用Bootstrap構建一個網站，並且想要使用該字體 - 我如何將它轉換爲woff？

我用的文件-I命令在Mac終端，它給了我：

application/x-empty; charset=binary 

Answer 1

其他任何人試圖回答這個問題 - 只工作在切換到PC，並利用跨字體的東西。

Answer 2

您可以使用Webfont generator通過字體松鼠把它轉換成一個web字體。之後，你可以添加到你的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 */ 
}