CSS3自定义字体

2018-06-24 02:22:35来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

原文摘自:https://www.cnblogs.com/moqiutao/archive/2015/12/23/5070463.html

总节:

1) 定义字体标准格式:

 1 @font-face {
 2     font-family: 'YourWebFontName';
 3     src: url('YourWebFontName.eot'); /* IE9 Compat Modes */
 4     src: url('YourWebFontName.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 5              url('YourWebFontName.woff') format('woff'), /* Modern Browsers */
 6              url('YourWebFontName.ttf')  format('truetype'), /* Safari, Android, iOS */
 7              url('YourWebFontName.svg#YourWebFontName') format('svg'); /* Legacy iOS */
 8 
 9     [font-weight: <weight>];
10     [font-style: <style>];
11    } 
YourWebFontName : 字体名称
url('YourWebFontName.eot') 字体在服务器上的相对路径或绝对路径
要求尽可能的上传ttf、eot、woff、svg字体,并显示表明相应格式,比如: format('embedded-opentype')
还可以字体字体描述,比如是否是粗体: font-weight 等,但不是必须的。

 

2)字体转换网址:

http://www.freefontconverter.com/
https://everythingfonts.com/font-face
http://onlinefontconverter.com/
https://www.fontsquirrel.com/tools/webfont-generator

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML5 Canvas游戏开发实战 PDF扫描版

下一篇:织梦网站如何设置404错误页面?