Html 为什么不应用我的Web自定义字体？

我在我的网站上有一个自定义字体，我把它上传到了我的网站上

这是我的网站

我想将我所有的网页应用于

oswaldlight

。从现在起，我已将字体上载到一个已知文件夹中，并将其添加为

@font-face

，如下所示：

@font-face {
font-family: 'oswaldlight';
src: url('../font/oswald/oswald.light-webfont.eot');
src: url('../font/oswald/oswald.light-webfont.eot?#iefix') format('embedded-opentype'),
     url('../font/oswald/oswald.light-webfont.woff2') format('woff2'),
     url('../font/oswald/oswald.light-webfont.woff') format('woff'),
     url('../font/oswald/oswald.light-webfont.ttf') format('truetype'),
     url('../font/oswald/oswald.light-webfont.svg#oswaldlight') format('svg');
font-weight: normal;
font-style: normal;

}

这段代码已添加到我的ftp中。如果您检查每个标题使用的是哪种字体，您会在使用Firebug时看到：

element.style {
   color: #000000;
   font-size: 24px;
   font-weight: normal;
   line-height: 40px;
   margin: 12px 0 0;
   padding: 0;
   text-align: left;
   text-transform: uppercase;
}
*::before, *::after {
   box-sizing: border-box;
}
 *::before, *::after {
   box-sizing: border-box;
}
.heading h2 {
   font-family: "oswaldlight";
   font-size: 24px;
   font-weight: normal;
   line-height: 30px;
   text-transform: uppercase;
}

但它仍然没有应用到我的标题上。知道为什么它没有被应用吗

编辑：我看到了@Lucky Chingi提到的错误。我在我的

.htcaccess

中添加了以下行：

# BEGIN WordPress

Header add (also tried 'set') Access-Control-Allow-Origin "*"

# END WordPress

但它仍然不起作用。。。有什么建议吗？

试试看

*{font:100%/1.0'oswaldlight'；}

确保指向该字体文件的路径正确

---

而且，如果可能的话，删除页眉，一些浏览器的行为与某些页眉不同，您不需要在页面上放置字体。谷歌提供快速的字体

因此，您可以：

@import url(https://fonts.googleapis.com/css?family=Oswald);

这将使用

@font-face

将字体导入为“Oswald”。如果在浏览器中键入上述URL，还可以看到它会根据您使用的浏览器动态加载不同的文件。在Firefox和Chrome上试试看

现在，无论您想在哪里输入Oswald，只需键入：

font-family: Oswald;

---

此外，为了获得最佳效果，在加载任何其他CSS之前加载字体面

最后，我的Web域指向另一个私有域时出现了问题。过了一会儿，它指向了我的命运领域。谢谢孩子们

控制台是否显示任何404错误？除此之外，-.woff有着广泛的支持，我认为除了woff之外，附加任何其他扩展名都没有意义。看起来您的文件路径可能已关闭，使用

。/

提升一个级别与css文件的存储位置有关。跨源资源共享策略已阻止从源“”加载字体：请求的资源上不存在“访问控制允许源”标题。因此，不允许对源“”进行访问。-在Chrome开发控制台1上。没有显示任何404错误。。。2.是的，我现在知道了。它是相对于css存储的路径。。。但实际上字体就在那里！3.你是怎么知道smolinaperez.nom.es的？这是旧网站，我不知道你是怎么做到的…检查你的配置文件，看看你的旧网站是否没有加载