html引入web字體和圖標的使用方法

@font-face{
        font-family: "寫上該字體的名字。自己想";
        src: url("填下該字體的地址，建議放在項目的文件夾里面直接引入.ttf");
   }
 p{
        font-family: "這里填寫字體的名字";/* 之后該元素使用的字體就是上面所引入的字體 */
   }

上面的代碼，強制讓用戶下載該字體

 

字體圖吧庫：iconfont.cn

 

 隨后點擊右上角的購物車添加到項目去

 

 

Font class的使用方法

 

 

 

 

 

 

 

 

 

 

 打開上面的鏈接

 

 上面的方式是使用在線的方式，下面是下載到本地的使用方法：

 

 

 

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

 

 如果不想放到css文件夾里，那么把文件放到其他的地方也是可以的，不過要在該css里面修改一下路徑就可以了

 

 

下面是Unicode的使用方法：

 

 

 如果不想要用在線的方式，下載到本地之后的操作也是一樣的，按照上面的即可