Question

虽然我尝试通过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;
}

Answer 1

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

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

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

Answer 2

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

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

2 个答案: