Css 网站上的嵌入式字体赢得'；t显示在IE或Chrome中

我在CSS中为我正在构建的基于wordpress的网站设置了以下字体，字体在FF中显示良好，但在IE（9）或Chrome（最新版本）中根本没有

当我需要为元素使用字体时，我只需添加

字体系列：“Humanist”，Arial，sans serif

字体存储在名为“字体”的文件夹中的主题目录中

我是做错了什么，还是在其他浏览器上缺少了什么

感谢
Internet Explorer 9及以下版本在显示
.TTF
文件时出现一些问题。它不支持通过CSS3方案嵌入字体，但必须先转换为支持的格式（
.svg
，
.ttf
，
.eot
，等等）。但是，你可以

由于Chrome没有显示正确的字体，这是由于不同的浏览器有不同的需求。您可以在下面的更多信息中的第二个链接中找到更多信息

还有一个附带说明：如果你的字体是托管的，那么在你的网站中嵌入一个链接，而不是自己托管

TLDR；需要@font-face类型的综合列表

更多信息：




要将字体用于HTML元素，我们需要使用CSS3的@font-face-rule-of-power-full功能，这些功能在许多现代浏览器中都受支持。HTML的CSS属性font family用于定义要嵌入的字体名称，ans src属性用于定义要嵌入的字体的路径

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

div,h2
{
    font-family:myfont;
}

谢谢，我读了另一个人的问题，遇到了字体松鼠。我已经更新了我的代码以包含转换后的字体。。。但Chrome仍然存在一个问题。它是否仍在Chrome中显示？我可以问一下您使用的字体吗（如
.ttf
，
.svg
，
.eot
等）？已修复！我必须为woff添加MIME类型IIS@ReeceDodds我正要说你看到了吗，很高兴听到：）。更新了代码。现在只有Chrome有问题
@font-face
{
    font-family: myfont;
    src: url('(fontfile.eot') format('embedded-opentype'),
            url('(fontfile.woff') format('woff'),
         url('(fontfile.ttf') format('truetype'),
         url('(fontfile.svg#(fontfile') format('svg');
}

div,h2
{
    font-family:myfont;
}