html 字体无效,解决css3引入中文字体无效问题（中文字体处理工具整合：字体转换、汉字去重复、字体剪裁）...

==============2017年12月04日更新===============

之前内容中提到的字体剪裁文件：http://yun.baidu.com/share/link?shareid=4190484354&uk=2187713405&third=0

经过测试发现对于一些中文字体并不能起到剪裁的效果，后来经过多方搜索发现谷歌提供的sfntly中的sfnttool.jar能彻底起到中文字体文件剪裁的目的。具体方法参考：http://blog.csdn.net/github_32626373/article/details/50083731

android的安装：https://www.cnblogs.com/zoupeiyang/p/4034517.html 只需要前两步就可以，安装adk，然后配置环境变量。

ant的安装：http://blog.csdn.net/wanghjbuf/article/details/54773440

==============以下是之前内容===============

@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中。但是大家会或多或少的发现，@font-face对英文字符很管用，但是对于中文字符往往会失效。

我通过上网搜索以及自己的失败经验认为，造成这个问题的主要原因就是中文字体太大，基本都是在3M以上，载入速度慢，导致字体效果不显示。

那显而易见，解决这个问题的思路就是减小中文字体的大小。

中文字体之所以大，就是汉字太多。但是大多数汉字可能是我们用不到的，所以我们可以将我们需要的字从字体文件中提取出来，生成小字体文件。

方法就是用这款软件：http://yun.baidu.com/share/link?shareid=4190484354&uk=2187713405&third=0

输入你需要的汉字，点击生成就可以生成你需要的ttf字体小文件了。

然后就可以在网页中用@font-face引用了。

但是考虑到浏览器兼容问题，需要将ttf格式的字体转换成eot svg woff等格式的字体文件，那么推荐一个好用的免费的在线字体转换格式工具： http://www.font2web.com/ 或者搜：FontCreator 下载链接：http://xz6.mqego.com/soft2/fontcreatorhanhua.zip

这还有个ttf转eot的exe软件http://yun.baidu.com/share/link?shareid=4207634902&uk=2187713405&third=0 只要把ttf拖到软件上就可以自动生成eot 存放目录跟ttf文件同步

当然，在我们制作小字体文件的时候可能会有重复的文字，为了进一步精简，可以用这个文件：http://yun.baidu.com/s/1c0hnfZM

不过还是建议没事儿别引用自定义中文字体，如果在文章页引用自定义中文字体，那么就没办法制作小字体文件了。能用默认的就用默认的吧。

html 字体无效,解决css3引入中文字体无效问题（中文字体处理工具整合：字体转换、汉字去重复、字体剪裁）...相关推荐

设置placeholder无效解决办法
一.设置placeholder的方法 placeholder属性用来设置控件内部的提示信息 <input type="text" placeholder="请输入用 ...
css设置中文字体后样式无效解决方法
CSS编码设置问题: @charset "utf-8" IE6中问题:去掉CSS字体设置样式中的空格和双引号. 只要把 font-family: "黑体"; 改 ...
matplotlib 无法显示中文字体的解决方法
matplotlib 无法显示中文字体的解决方法参考文章: (1)matplotlib 无法显示中文字体的解决方法 (2)https://www.cnblogs.com/lingLongBaby/p ...
css3如何链如外部字体,微信小程序引入外部字体总结（针对安卓加载缓慢问题）...
最近有个项目需求,须要改变小程序全部文字的字体. 查了资料后发现,本地加载字体文件致使小程序太大.动态加载文件,苹果然机完美,可是在安卓的真机上引入的外部字体加载会很慢,会有很明显的默认字体切换到外部 ...
C# 在load构造函数设定dgv背景字体颜色无效解决办法
在load构造函数设定dgv背景字体颜色无效解决办法在load函数写没有没有作用是因为load函数会在调用一次dgv初始化, 解决办法是把设置的代码写到shown函数中: shown函数在load函 ...
ubuntu 22.04 中文字体异常解决方法
前言我有好几台的 Ubuntu 22.04,都是英文的系统,然后有一天我发现其中在实验室的那台 ubuntu(不然我还以为是 ubuntu 的中文bug),字体显示不正常,图就没放了,因为忘记截图了 ...
[Unity][字体]TextMeshPro添加创建中文字体库解决中文乱码
由于UGUI自带的Text组件在2D的UI聊天气泡显示的时候,字体不能缩到更小的大小与画面适配. 就启用TextMeshPro. 为什么要新建一个 Font Asset,因为使用自带的FontAsse ...
字体模糊是怎么回事css,CSS3 translate导致字体模糊怎么办 CSS3 translate导致字体模糊解决方法...
本篇文章小编给大家分享一下CSS3 translate导致字体模糊解决方法,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看. 使用了translate会导致字体模糊. .med ...
android studio 中文乱码,字体优化解决之道
打开Android Studio我们会发现中文变成了口口口口口... android studio 中文乱码,字体优化解决之道 (转载请标注:源自; Phodal's Blog ) 解决方法如下: ...

html 字体无效,解决css3引入中文字体无效问题（中文字体处理工具整合：字体转换、汉字去重复、字体剪裁）...

html 字体无效,解决css3引入中文字体无效问题（中文字体处理工具整合：字体转换、汉字去重复、字体剪裁）...相关推荐

最新文章

热门文章