在css中使用自定义字体时出错答案

【问题标题】：Error while using the custom fonts in css在css中使用自定义字体时出错
【发布时间】：2011-12-25 09:18:32
【问题描述】：

虽然我尝试通过 CSS 文件为我的网站使用自定义字体，但我没有获得所需的字体，它只显示默认字体。请检查 css 代码，如果需要任何更改，请告诉我:)

@font-face {
    font-family: Myriad Pro;
    src: url('Myriad.ttf');
    }
#voicetext{
    color:#127bb9;
    font-size:16px;
    font-family:"Myriad Pro";
    text-align:center;
    letter-spacing:3px;
}

【问题讨论】：

标签： css fonts

【解决方案1】：

不幸的是，它并不像这样直截了当。对于真正的跨浏览器解决方案，您需要参考的不仅仅是 TTF 版本。

这个问题：How to embed fonts in HTML? 有一个完整的列表，并链接到 Paul Irish 的 "Bulletproof web fonts" 博客条目，该条目迎合了所有浏览器的怪癖。

如果您赶时间，并且对细节不感兴趣，FontSquirrel 的 Bulletproof @font-face generator 似乎利用了博客文章中的提示。

【讨论】：

【解决方案2】：

我的第一个猜测可能是您将字体文件上传到了错误的位置。目前，您需要一个 Myriad.ttf 文件，该文件与您的 css 文件位于同一目录中。

【讨论】：