css - 自定义 css 字体未加载

Question

这是我要添加自定义字体的页面 http://pgkweb.ru/temp/1/index.html所以字体是:

http://pgkweb.ru/temp/1/include/MyriadProCondRegular/MyriadProCondRegular.ttf
http://pgkweb.ru/temp/1/include/MyriadProCondRegular/MyriadProCondRegular.woff
http://pgkweb.ru/temp/1/include/MyriadProCondRegular/MyriadProCondRegular.otf
http://pgkweb.ru/temp/1/include/MyriadProCondRegular/MyriadPro-Cond.eot

我从 css ( http://pgkweb.ru/temp/1/include/style.css ) 调用它们:

/*FONTS*/
@font-face {
   font-family: MyriadProCond;
    src: url(include/MyriadProCondRegular/MyriadProCondRegular.ttf); /* Путь к файлу со шрифтом */
    src: url(include/MyriadProCondRegular/MyriadProCondRegular.woff);
    src: url(include/MyriadProCondRegular/MyriadProCondRegular.otf);
    src: url(include/MyriadProCondRegular/MyriadPro-Cond.eot);
}   

*, body, p,h3,h4 {
    font-family: 'MyriadProCond', Arial, sans-serif;
    color: #fff;
}

但正如我在 FireFox 代码浏览器中看到的那样，它不起作用(直通)。但为什么？

Answer 1

您的网络字体和样式表都在“include”文件夹中，即它们都在同一个文件夹中，因此您必须从链接中的文件路径中删除文件夹名称，例如:

src: url("MyriadProCondRegular/MyriadProCondRegular.ttf");

代替

src: url("include/MyriadProCondRegular/MyriadProCondRegular.ttf");

与所有其他 URL 相同