字体不起作用

苹果电脑

该字体可在w3schools网站上使用,但不能在我的网页和jsfiddle上使用。

jsfiddle示例

的HTML

<div>
With CSS3, websites can finally use fonts other than the pre-selected "web-safe" fonts.
</div>

的CSS

@font-face {
   font-family: "Penultimate";
    src: url("http://db.onlinewebfonts.com/t/17a456c0eb7e6bd88cb1d090126915f7.eot");
    src: url("http://db.onlinewebfonts.com/t/17a456c0eb7e6bd88cb1d090126915f7.eot?#iefix") format("embedded-opentype"),
    url("http://db.onlinewebfonts.com/t/17a456c0eb7e6bd88cb1d090126915f7.woff") format("woff"),
    url("http://db.onlinewebfonts.com/t/17a456c0eb7e6bd88cb1d090126915f7.ttf") format("truetype"),
    url("http://db.onlinewebfonts.com/t/17a456c0eb7e6bd88cb1d090126915f7.svg#Penultimate") format("svg");
}

div {
   font-family: Penultimate;
}
扬·托纳尔

JSFiddle使用HTTPS,因此出于安全原因浏览器阻止加载字体。您将在浏览器控制台中看到错误。

控制台错误

Firefox允许您通过单击地址栏的证书部分暂时忽略错误。

工作字体

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

字体家族不起作用

来自分类Dev

emacsclient字体检查不起作用

来自分类Dev

真棒字体在Flask中不起作用?

来自分类Dev

字体真棒图标不起作用

来自分类Dev

字体机械手不起作用

来自分类Dev

Roboto字体在Firefox中不起作用

来自分类Dev

很棒的字体+ App引擎不起作用

来自分类Dev

字体样式在Firefox中不起作用

来自分类Dev

roboto字体在CSS中不起作用

来自分类Dev

字体真棒不起作用的webpack

来自分类Dev

Google字体在CSS上不起作用

来自分类Dev

@ font-face字体不起作用

来自分类Dev

CSS:TrueType字体不起作用

来自分类Dev

字体外观似乎不起作用

来自分类Dev

LabelNode字体在设备上不起作用

来自分类Dev

字体粗细值不起作用

来自分类Dev

“字体重量:正常”不起作用?

来自分类Dev

字体完全不起作用

来自分类Dev

字体真棒不起作用的webpack

来自分类Dev

css 导入字体不起作用

来自分类Dev

指定字体时reportlab字体粗细不起作用

来自分类Dev

Google字体作为替代字体系列不起作用

来自分类Dev

Google字体中的oswald字体不起作用

来自分类Dev

Google字体作为替代字体系列不起作用

来自分类Dev

Google字体重量300不起作用

来自分类Dev

CSS:字体语句导致行高不起作用

来自分类Dev

字体超赞的图标为什么不起作用?

来自分类Dev

matplotlib中斜体字体的标题不起作用

来自分类Dev

UINavigationBar上的自定义字体不起作用