CSS @font-face 不适用于 Mac 字体

Question

我似乎无法找到我正在寻找的答案。我有一个完全静态的页面，主要由图像组成。用于创建图像的字体是“Handwriting-Dakota.ttf”，可以在任何 Mac OS X 安装中找到。我有一个包含文本的动态元素，我想将此字体提供给它。我的 ttf 字体与我的 css 文件位于同一目录中。

@font-face{
 font-family: dakota;
 src: url('dakota.ttf') format('truetype');
}

在包含 css 文件的 html 文件中。 <p style="font-family: dakota;">sometext</p>

我可以看到在 chrome 的检查器中应用的规则，但它不会改变外观。我正在尝试做的事情是不可能的还是我做错了？

Answer 1

使用这种格式

@font-face {
    font-family: 'myfont';
    src: url('fonts/myfont.eot');
    src: url('fonts/myfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/myfont.woff') format('woff'),
         url('fonts/myfont.ttf') format('truetype'),
         url('fonts/myfont.svg#rsuregular') format('svg');
}

要进一步了解字体语法，请阅读Bulletproof @font-face 语法。

获取所有版本的字体。谷歌“字体转换器”，第一页会有很多字体转换器服务。