web自定义中文字体
2018-02-26 15:26
344 查看
1、从网上下载tff格式的字体,例如“隶书.tff” 2、找在线转换字体的网站,例如: https://www.fontke.com/tool/convfont/ 上传tff字体,并下载其他格式的,如:woff,woff2,eot等 3、在css中设置样式: @font-face { font-family: 'stzhongsongregular'; src: url('szsong.woff2') format('woff2'), url('szsong.woff') format('woff'), url('szsong.ttf') format('ttf'); font-weight: normal; font-style: normal; } 4、在需要使用的css中,加上:font-family: 'stzhongsongregular';即可 5、 @Font-face目前浏览器的兼容性: •Webkit/Safari(3.2+):TrueType/OpenType TT (.ttf) 、OpenType PS (.otf); •Opera (10+): TrueType/OpenType TT (.ttf) 、 OpenType PS (.otf) 、 SVG (.svg); •Internet Explorer: 自ie4开始,支持EOT格式的字体文件;ie9支持WOFF; •Firefox(3.5+): TrueType/OpenType TT (.ttf)、 OpenType PS (.otf)、 WOFF (since Firefox 3.6) •Google Chrome:TrueType/OpenType TT (.ttf)、OpenType PS (.otf)、WOFF since version 6 由上面可以得出:.eot + .ttf /.otf + svg + woff = 所有浏览器的完美支持。
相关文章推荐
- unity中用BMfont制作自定义美术中文字体
- 中文字体名称对照表(unicode码)及20个web安全字体
- NGUI使用自定义的中文字体??解决办法1!!
- 中文和自定义字体
- 使用Cufon技术实现Web自定义字体
- 对于web中导入自定义字体
- 自定义web字体-通过@font-face在网页中嵌入自定义字体
- 【Cocos2d-x游戏引擎开发笔记(26)】中文和自定义字体
- 使用Cufon技术实现Web自定义字体
- web中文字体Font-family应该写什么?
- 【Cocos2d-x游戏引擎开发笔记(26)】中文和自定义字体
- 制作自定义图标字体,html引用web svg矢量字体
- 支持中文字母数字、自定义字体php验证码代码
- 如何实现webfont自定义字体方案
- 中文字体 webfont 自动化构建
- 中文和自定义字体
- 使用Cufon技术实现Web自定义字体2
- android 解决自定义字体不支持中文
- Orx1.2新添功能 自定义字体及Unicode 以中文显示为例
- 制作自定义图标字体,html引用web字体