Webfont

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 关于@font-face ** @font-face **是 CSS3 中的一个模块，使用 @font-face 可以自定义网页字体，即使用户的电脑没有安装某种字体。怎么用 @font-face 呢？你可能见过类似下面的代码片段，它可以让 @font-face 兼容所有浏览器。 @font-face { font-family: "SentyZHAO"; src: url("/fonts/SentyZHAO.eot"); /* IE9 */ src: url("/fonts/SentyZHAO.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/fonts/SentyZHAO.woff") format("woff"), /* chrome, firefox */ /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url("/fonts/SentyZHAO.ttf") format("truetype"), url("/fonts/SentyZHAO.svg#SentyZHAO") format("svg"); /* iOS 4.1- */ font-style: normal;

一.参考文献 1 .http://www.cnblogs.com/yes-V-can/p/5716853.html 2. http://blog.csdn.net/zhouwangling_/article/details/53096649 二.html使用方法 1.下载字体 网上百度自己要使用的字体，一般下载的是ttf格式，需要4种（或5）格式，其他的格式可以通过在线工具基于ttf转换 http://www.fontke.com/tool/convfont/ （这个最好用） web-fontmin （这个在线转换工具更好用，注意，左边编辑框里的字全删除再上传ttf,不然只会转换框里的那些字体） 在线格式转换点此 （注：该网站我成功转过，有时候会报错，多试几次） 2.css加载 @font-face { font-family: "李旭科书法"; src: url("../font/李旭科书法.eot"); /* IE9 */ src: url("../font/李旭科书法.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/李旭科书法.woff") format("woff"), /* chrome, firefox */ url("../font/李旭科书法.ttf") format(