CSS3自定义字体
2018-06-24 02:22:35来源:未知 阅读 ()
原文摘自: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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- ie8下透明度处理 2020-06-11
- CSS3 2020-06-05
- css:css3(圆角边框、盒子阴影、文字阴影) 2020-06-05
- Vue 打包后自定义样式无法覆盖elementUI组件原有样式问题 2020-05-31
- 2.CSS3选择器 2020-05-17
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash