@font-face {
font-family: ‘xxxx’;
src: url(’…/fonts/xxxx.eot?tliyo2’);
src: url(’…/fonts/xxxx.eot?tliyo2#iefix’) format(‘embedded-opentype’),
url(’…/fonts/xxxx.ttf?tliyo2’) format(‘truetype’),
url(’…/fonts/xxxx.woff?tliyo2’) format(‘woff’),
url(’…/fonts/xxxx.svg?tliyo2#fzysjt’) format(‘svg’);
font-weight: normal;
font-style: normal;
font-display: block;
}
为了字体的兼容一般引入eot,ttf,woff,svg等字体文件,
字符集终端这里给大家推荐fontmin这个工具,如果fontmin不可用的话
还有一个FontSmaller这个工具,它可以输入你想要的字体,生成ttf的字体文件,如果想要转换成其他的字体文件,这个给大家推荐一个网站
https://www.fontke.com/tool/convfont/
在线转换你想要的字体文件
如果大家还有好的方法欢迎补充
vue引入字体文件
最新推荐文章于 2024-05-08 16:50:19 发布