CSS@font-face不是'；不能使用Mac字体

我似乎找不到我想要的答案。我有一个完全静态的页面，大部分由图像组成。用于创建图像的字体为任何Mac OS X安装中的“手写Dakota.ttf”。我有一个包含文本的动态元素，我想把这个字体赋予它。 我的ttf字体与css文件位于同一目录中

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

在包含css文件的html文件中<代码>

sometext

我可以在chrome的inspector中看到应用的规则，但它不会改变外观。我想做的是不可能的还是做错了？

使用这种格式

@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');
}

要进一步了解字体面语法，请阅读

获取字体的所有版本。谷歌“字体转换器”，第一页将有大量的字体转换器服务。

使用这种格式

@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');
}

要进一步了解字体面语法，请阅读

---

获取字体的所有版本。谷歌“字体转换器”，第一页将有大量的字体转换器服务。

确保url是相对于css文件的，而不是相对于webroot

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

您可能应该添加其他类型，以确保其他浏览器可以毫无问题地使用该字体

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

---

确保url是相对于css文件的，而不是相对于webroot的

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

您可能应该添加其他类型，以确保其他浏览器可以毫无问题地使用该字体

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

---

@科波特，你可以试试松鼠

---

您只需要.otf或.ttf文件。然后，FontSquirrel将为您生成.svg、.eot、.woff并创建一个css文件。

@Cobolt，您可以尝试FontSquirrel

---

您只需要.otf或.ttf文件。然后，FontSquirrel将为您生成.svg、.eot、.woff并创建一个css文件。

但是从哪里可以获得字体的所有版本？我目前正试图让它在chrome上运行，从我所读到的ttf应该适用吗？@Cobolt我刚刚更新了我的答案。你可以试试google for online font converter来获取font的所有版本谢谢，虽然我不得不放弃我使用的字体，但是使用这种格式效果非常好，因为它通常都能正常工作。Font Squirrel说ttf文件已损坏，尽管我尝试了多个来源的版本。看起来Dakota.ttfB的笔迹有问题，但是我从哪里可以得到所有版本的字体？我目前正试图让它在chrome上运行，从我所读到的ttf应该适用吗？@Cobolt我刚刚更新了我的答案。你可以试试google for online font converter来获取font的所有版本谢谢，虽然我不得不放弃我使用的字体，但是使用这种格式效果非常好，因为它通常都能正常工作。Font Squirrel说ttf文件已损坏，尽管我尝试了多个来源的版本。看起来Dakota.ttf的笔迹有问题