参考：http://www.tantengvip.com/2014/11/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字体的兼容问题。

Open Sans字体兼容问题解决办法[font-face]相关推荐

display: flex；的兼容问题解决办法
display: flex; 的兼容问题解决办法参考文章: (1)display: flex; 的兼容问题解决办法 (2)https://www.cnblogs.com/haitaoblog/p/6 ...
win7软件兼容问题解决办法
win7软件兼容问题解决办法最近几天装了个win7,遇到了不少的问题通过同学的帮助通过usb引导安装,pe系统解压缩刷bios,主分区激活装好后,出现了软件的不兼容, eclipse,war ...
VC++6.0显示此程序存在兼容问题解决办法
在windows7及windows7以上版本使用vc++6.0是会出现以下问题: 解决兼容性问题,需要打开下载好的VC++6.0,在文件中打开如下目录: 你VC++6.0所在的文件夹\Common\M ...
在Springboot环境下，使用Docx4J + Freemarker 完成word docx文件生成与Pdf文件转换（附带兼容linux字体问题处理办法）
在Springboot环境下,使用Docx4J + Freemarker 完成word docx文件生成与Pdf文件转换(附带兼容linux字体问题处理办法) 前言效果展示正文 docx文件模板创 ...
树莓派4B中中文字体和中文输入法设置不成功问题解决办法
树莓派4B中中文字体和中文输入法设置不成功问题解决办法按照树莓派新手入门手册的步骤,安装中文字库: sudo apt-get install ttf-wqy-zenhei 安装过程中如果碰到(Y/N ...
css transform导致字体像素模糊的问题解决办法（多种方法，亲测有效）
css transform导致字体像素模糊的问题解决办法通过 transform:translate(X,Y) 偏移元素达到定位的效果,但是相继出现的是,如果元素内部有字体的话,会出现模糊的问题,因 ...
c#: Noto Sans字体如何支持韩文
1.源起: VCU10项目,使用了Noto Sans字体,的确漂亮.但验证在win7下,其显示韩文为乱码,颇为头痛. 其界面显示如图: 度娘之,得Noto Sans又有CJK字体,顾名思义,其为支持中 ...
word无法自动修复计算机怎么办,电脑Word问题解决办法
电脑Word问题解决办法 "microsoft office Word 无法执行语言识别"的解决办法 Word可以使用,打开后总会出现错误提示如下: Microsoft Offic ...
scum重新设置服务器无响应,人渣SCUM疑难问题解决办法人渣SCUM常见问题解答_游侠网...
大家在玩人渣SCUM的时候是不是碰到过各种问题?比如维生素流失过快.火堆怎么点不燃等等,今天小编给大家带来的就是人渣SCUM疑难问题解决办法,有疑问的朋友还不快进来看看? 疑难问题解决办法缺少维生素 ...

Open Sans字体兼容问题解决办法[font-face]

1.font-face使用方法

2.Open Sans字体兼容问题解决办法

Open Sans字体兼容问题解决办法[font-face]相关推荐

最新文章

热门文章