该字体可在w3schools网站上使用,但不能在我的网页和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] 删除。
我来说两句