外部css和@font-face

全部。我经常引用并感谢社区和专业知识。伟大的网站！我是noob会员，请容忍我

问题：未加载/显示嵌入文件

根目录有两个目录：插件和项目

插件有mycss.css文件和4个字体文件（2个woff，2个ttf）

mycss.css

@font-face {
  font-family: 'ALG';
  src: url('ALGbvs.woff') format('woff'),
       url('ALGbvs.ttf') format('truetype');
}
@font-face {
  font-family: 'BVS';
  src: url('BitstreamVeraSans.woff') format('woff'),
       url('BitstreamVeraSans.ttf') format('truetype');
}

html包含（摘录）

...
...
身体{
字体系列：ALG；
背景色：#F9EFE2；
保证金：0；
}

---

我以为我正确地引用了css文件和字体，但它们没有加载/显示在正文中。我错过了什么？感谢您的阅读和回复。

您没有在css中定义源代码。添加完整字体url位置，如下所示：

---

@font-face{src:url（../plugins/ALGbvs.ttf”）；}

首先使用@font-face更一般化的方式

使用此字体生成器工具为所有主要浏览器生成字体文件

然后检查字体文件路径是否正确，假设所有字体的文件夹都位于保存css文件的同一文件夹中，比如“myfont”

然后你的身体标签会是

body {
    font-family: "ALG";
}

---

整个CSS文件加载是否正确？还是只有字体？其余的css加载和功能正常。。。除了字体。你检查了哪些浏览器？@dph777我也有同样的问题。浏览器似乎无法加载或忽略来自外部样式表的字体规则。我可以直接从html文件调用字体。这里的任何“答案”都是有用的。这是有意的

src

可以采用逗号分隔的URL，其中它使用浏览器支持的第一种字体类型。再见，谢谢，还有@BillyNate。请注意：在目录场景：root/project/index.html和root/plugins（包含css和字体的文件夹）中，当在所述css文件中使用AMPfont face时，在Firefox 47.0.1中似乎不起作用，但在Chrome 51，IE 11中起作用，和Opera 38.EDIT：我发现上面的Firefox例外只适用于在本地机器上开发。当上传到服务器时，上面的目录场景在所有当前主要浏览器上都有效。

@font-face {
    font-family: "ALG";
    src: url("myfont/ALGbvs.eot");
    src: url("myfont/ALGbvs.eot?#iefix") format("embedded-opentype"),
         url("myfont/ALGbvs.woff") format("woff"),
         url("myfont/ALGbvs.ttf") format("truetype"),
         url("myfont/ALGbvs.svg#ALG") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "ALG";
}