和后备可能需要特殊处理,因为它们可以始终不同于其他指定的字体
例如：
Font-family:'webFontname','winFont','linuxFont',sans-serif;
现在webFont应该有
letter-spacing:2px;
但是winFont应该有
letter-spacing:-4px;
我该怎么办呢？
谢谢
解决方法 你正在使用 Google Web Fonts,所以我建议使用 WebFont Loader,例如,根据字体是加载还是加载,你可以使用不同的CSS.这是基于我的第二个链接的代码的最小示例：
http://jsbin.com/izadif/(垃圾邮件刷新看到它)
<!DOCTYPE HTML><HTML> <head> <script type="text/JavaScript"> WebFontConfig = { Google: { familIEs: [ 'Cantarell' ] } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://AJAX.GoogleAPIs.com/AJAX/libs/webFont/1/webFont.Js'; wf.type = 'text/JavaScript'; wf.async = 'true'; var s = document.getElementsByTagname('script')[0]; s.parentNode.insertBefore(wf,s); })(); </script> <style type="text/CSS"> .wf-loading h1 { Font-family: serif; Font-size: 16px; color: red; letter-spacing: 20px; } .wf-active h1 { Font-family: 'Cantarell',serif; Font-size: 16px; letter-spacing: 2px; } </style> </head> <body> <h1>This is using Cantarell</h1> </body></HTML> 总结 以上是内存溢出为你收集整理的html – 字体后备：如何指定“字体特定”规则？全部内容，希望文章能够帮你解决html – 字体后备：如何指定“字体特定”规则？所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）