前言:
今天各位老铁们对“css字体转换”大致比较讲究,兄弟们都想要分析一些“css字体转换”的相关知识。那么小编在网摘上网罗了一些对于“css字体转换””的相关知识,希望各位老铁们能喜欢,咱们一起来了解一下吧!在前端开发过程中难免会用到特殊字体,如何引入特殊字体?
首先你得有字体文件,文件格式为,TTF、OTF、EOT、SVG将字体文件放入本地文件夹中或者服务器上css中引入,以下为引入方法
@font-face { font-family: 'icomoon'; // 这里自定义字体名称 src: url('fonts/icomoon.eot?'); // 文件路径或者服务器路径 src: url('fonts/icomoon.eot?') format('embedded-opentype'), // format属性:字体的格式 主要用于浏览器识别 url('fonts/icomoon.ttf?') format('truetype'), url('fonts/icomoon.woff?') format('woff'), url('fonts/icomoon.svg?') format('svg'); font-weight: normal; font-style: normal; font-display: block;}/* 调用 */body{ font-family:'icomoon'}
注:eot为IE专用,ttf官方说是苹果和微软为PostScript 而开发的字体格式,个人理解为通用格式。woff是压缩过后轻量级,svg对文本支持不太好
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #css字体转换