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

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似乎利用了博文中的提示。