html - 字体不适用于 Windows 版本的浏览器

Question

我在我的 Mac 上编写了一个网站，并使用了自定义字体。我用这个字体规则定义了自定义字体:

@font-face
{
font-family: gnuolane;
src: url('../fonts/gnuolane.otf'),
}

问题是字体没有加载到任何浏览器的任何 Windows 版本上。在我的 Mac 上，Safari/Chrome/FF 运行完美。

This is the website.

当 font-face 正常工作时，它应该是这样的:

谢谢

乐:我从 fontsquirrel.com 生成了这段代码和所有这些文件。还是行不通。我尝试同时使用“../fonts/gnuolane....”和“/fonts/gnuolane....”

@font-face {
font-family: 'gnuolane';
src: url('../fonts/gnuolane_rg-webfont.eot');
src: url('../fonts/gnuolane_rg-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gnuolane_rg-webfont.woff') format('woff'),
     url('../fonts/gnuolane_rg-webfont.ttf') format('truetype'),
     url('../fonts/gnuolane_rg-webfont.svg#gnuolane_rgregular') format('svg');
font-weight: normal;
font-style: normal;
}

仍然没有工作...

Answer 1

将所有字体文件(我指的是实际字体)移动到与 CSS 文件相同的文件夹中...然后使用这个 CSS block 。告诉我它是否有效。我感觉这是一个路径问题......

@font-face {
    font-family: 'gnuolane';
    src: url('gnuolane_rg-webfont.eot');
    src: url('gnuolane_rg-webfont.eot?#iefix') format('embedded-opentype'),
    url('gnuolane_rg-webfont.woff') format('woff'),
    url('gnuolane_rg-webfont.ttf') format('truetype'),
    url('gnuolane_rg-webfont.svg#gnuolane_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}