html引入web字体和图标的使用方法

@font-face{
        font-family: "写上该字体的名字。自己想";
        src: url("填下该字体的地址,建议放在项目的文件夹里面直接引入.ttf");
   }
 p{
        font-family: "这里填写字体的名字";/* 之后该元素使用的字体就是上面所引入的字体 */
   }

上面的代码,强制让用户下载该字体

字体图吧库:iconfont.cn

 随后点击右上角的购物车添加到项目去

Font class的使用方法

 

 

 

 打开上面的链接

 上面的方式是使用在线的方式,下面是下载到本地的使用方法:

 

然后之后的操作跟上面的一样。

 如果不想放到css文件夹里,那么把文件放到其他的地方也是可以的,不过要在该css里面修改一下路径就可以了

下面是Unicode的使用方法:

 

 如果不想要用在线的方式,下载到本地之后的操作也是一样的,按照上面的即可

原文地址:https://www.cnblogs.com/yanggeng/p/14590051.html