WEB字体
一：web字体基本语法
/* 引入Web字体 给web字体取名字*/
@font-face {
font-family: "fangfang";
src: url("sources/fonts/FZSJ-WSMQSJW.woff2") format("woff2"),
url("sources/fonts/FZSJ-WSMQSJW.woff") format("woff"),
url("sources/fonts/FZSJ-WSMQSJW.ttf") format("truetype"),
url("sources/fonts/FZSJ-WSMQSJW.eot") format("embedded-opentype"),
url("sources/fonts/FZSJ-WSMQSJW.svg") format("svg");
font-weight: normal;
font-style: normal;
}
/*使用web字体*/
.aritcle {
font-family: "fangfang";
}
字体格式转换工具：
- www.fontsquirrel.com/tools/webfo… FontSquirrel在线工具
- www.fontke.com/tool/fontfa… 字客网
二：定制字体
字体定制工具：
- www.iconfont.cn/webfont?spm… 阿里Web字体
- www.youziku.com/ 字体库网站
- www.ziti163.com/webfont/cre… 字体网
三：字体图标
1：阿里图标
地址： www.iconfont.cn/
