Question

我的博客使用自定义字体。

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');}

CSS类：

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

HTML：

 <html>
<head>
<link href="https://www.dropbox.com/s/5q3hppu5m77ylyi/font.css?dl=0" rel="stylesheet" type="text/css">
</head>
<body>
<div class="fontsforweb_fontid_6771">
Hello, This is the Corsiva font
</div>
</body>
</html>

我没有对我的字体进行任何更改，但是当所有文件都在同一台服务器中时我得到了

Answer 1

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

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

资源解释为字体但使用MIME类型text / html传输：＆＃34; https://www.dropbox.com/s/w6ugd9yxd1jaj8b/MTCORSVA.ttf＆＃34;。

因此，浏览器无法呈现您想要的字体。

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

Answer 2

请在调用该类的位置添加样式表。

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

或在头部调用Css。

自定义字体无法在CSS在线网页上运行

2 个答案: