Open Sans字体兼容问题解决办法[font-face]
2015-07-14 10:20
274 查看
参考:http://www.tantengvip.com/2014/11/open-sans/
@font-face的语法规则:
在wordpress的twentytwelve主题样式表文件style.css中找到了这一句:
去掉Open Sans就OK了,原因可能就是浏览器无法加载这个字体的缘故。wordpress默认是采用谷歌的字体服务,连接到fonts.googleapi.com,但是速度太慢了,改用了useso的服务器,按理说这个倒没有什么影响,但是许多浏览器页面上只要是数字的地方就是空白的,css中去掉Open Sans就好了,应该就是Open Sans字体的兼容问题。
1.font-face使用方法
font-face是CSS3中的一个模块,主要是把自定义的Web字体嵌入到网页中@font-face的语法规则:
@font-face { font-family: <FontName>; src: <source> [<format>][,<source> [<format>]]*; [font-weight: <weight>]; [font-style: <style>]; }
2.Open Sans字体兼容问题解决办法
Open Sans字体兼容问题导致浏览器不显示数字,在wordpress的twentytwelve主题中采用了Open Sans字体。这个问题在chrome浏览器不存在,但是在360安全浏览器极速模式,safari,和百度浏览器中遇到了Open Sans字体兼容问题,页面上只要是数字的地方都显示空白。后来发现是因为浏览器无法显示Open Sans字体的原因。在wordpress的twentytwelve主题样式表文件style.css中找到了这一句:
body.custom-font-enabled { font-family: "Open Sans", Helvetica, Arial, sans-serif; }
去掉Open Sans就OK了,原因可能就是浏览器无法加载这个字体的缘故。wordpress默认是采用谷歌的字体服务,连接到fonts.googleapi.com,但是速度太慢了,改用了useso的服务器,按理说这个倒没有什么影响,但是许多浏览器页面上只要是数字的地方就是空白的,css中去掉Open Sans就好了,应该就是Open Sans字体的兼容问题。
相关文章推荐
- geoServer+OpenLayers跨域访问
- 悟空学Linux专栏----第39篇
- JFinal tomcat配置根路径(包括windows和linux)
- 悟空学Linux专栏----第38篇
- shell脚本示例,start stop restart
- 悟空学Linux专栏----第37篇
- 悟空学Linux专栏----第36篇
- 悟空学Linux专栏----第35篇
- 悟空学Linux专栏----第34篇
- 悟空学Linux专栏----第33篇
- openvz 模板创建
- linux之sed用法
- nginx配置中rewrite中变量判断conditon
- LPR牌超识别
- 悟空学Linux专栏----第32篇
- Virutual Box下长久修改Ubuntu 的MAC地址
- zhtmltopdf linux下网页截图的php扩展安装
- linux下mysql集群的安装
- 悟空学Linux专栏----第31篇
- Popupwindow 显示, 其他背景变暗。 并加上点击事件 ~ (用于记录)