跳到主要内容

Font Class

2023年11月22日
柏拉文
越努力,越幸运

一、 认识


font-classUnicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。与 Unicode 使用方式相比,具有如下特点:

  • 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。

  • 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。

二、语法


2.1 引入项目下面生成的 fontclass 代码

<link rel="stylesheet" href="./iconfont.css">

2.2 挑选相应图标并获取类名,应用于页面

<span class="iconfont icon-xxx"></span>