自定义字体在CSS在线网页上不起作用
[英]Custom fonts not working from CSS online webpage
问题描述
我的博客使用的是自定义字体。
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>
我没有对我的字体进行任何更改，但是当所有文件都在同一台服务器中时我得到了
2 个解决方案
解决方案1
0 2015-02-12 06:19:30
发生这种情况是因为Dropbox向您发送MIME类型为text / html的字体文件。
如果您检查控制台，您将看到：
资源解释为字体但使用MIME类型text / html传输：“ https://www.dropbox.com/s/w6ugd9yxd1jaj8b/MTCORSVA.ttf ”。
因此，浏览器无法呈现您想要的字体。
您应该考虑在本地或远程服务器上托管字体。
解决方案2
0 2015-02-12 06:21:01
请在调用该类的位置添加样式表。
.fontsforweb_fontid_6771 {
font-family: 'MTCORSVA' !important;
}
或在头部调用Css。
自定义 Cursor CSS 不适用于网页的某些部分
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.