Html 自定义字体不适用于CSS联机网页

我的博客使用自定义字体

CSS:

 @font-face {
font-family: 'MTCORSVA';
src: url('https://www.dropbox.com/s/fdaq9exo0xrvug2/MTCORSVA.eot?dl=0');
src: local('MTCORSVA'), url('https://www.dropbox.com/s/ojzp5atilxg5idw/MTCORSVA.woff?dl=0') format('woff'), url('https://www.dropbox.com/s/w6ugd9yxd1jaj8b/MTCORSVA.ttf?dl=0') format('truetype');}

.fontsforweb_fontid_6771 {
font-family: 'MTCORSVA' !important;
}

CSS类：

 @font-face {
font-family: 'MTCORSVA';
src: url('https://www.dropbox.com/s/fdaq9exo0xrvug2/MTCORSVA.eot?dl=0');
src: local('MTCORSVA'), url('https://www.dropbox.com/s/ojzp5atilxg5idw/MTCORSVA.woff?dl=0') format('woff'), url('https://www.dropbox.com/s/w6ugd9yxd1jaj8b/MTCORSVA.ttf?dl=0') format('truetype');}

.fontsforweb_fontid_6771 {
font-family: 'MTCORSVA' !important;
}

HTML:

 @font-face {
font-family: 'MTCORSVA';
src: url('https://www.dropbox.com/s/fdaq9exo0xrvug2/MTCORSVA.eot?dl=0');
src: local('MTCORSVA'), url('https://www.dropbox.com/s/ojzp5atilxg5idw/MTCORSVA.woff?dl=0') format('woff'), url('https://www.dropbox.com/s/w6ugd9yxd1jaj8b/MTCORSVA.ttf?dl=0') format('truetype');}

.fontsforweb_fontid_6771 {
font-family: 'MTCORSVA' !important;
}

您好，这是Corsiva字体

发生这种情况是因为Dropbox正在向您发送MIME类型为text/html的字体文件

如果您检查控制台，您将看到：

资源被解释为字体，但使用MIME类型text/html:“”传输

因此，浏览器无法呈现所需的字体

---

您应该考虑在本地或远程服务器上托管字体。

< P>请在您调用类的地方添加样式表。< /P>

.fontsforweb_fontid_6771 {
    font-family: 'MTCORSVA' !important;
}

---

或者在head部分调用Css。

我也尝试了上面的Css文件，提供了字体文件“thanx@rahul”的直接链接，请您解释一下在使用远程服务器时如何编辑mime类型。@AliAkbar将您的字体文件托管在Apache服务器上，而不是Dropbox/Google Drive之类的服务上。如果托管在Apache服务器上，它肯定会工作。我用它已经很久了。