今天我們來介紹一下CSS中圖標引用的方法。在Web開發中，很多時候我們需要使用一些矢量圖標來美化網頁，提升用戶體驗。而圖標又有很多種，比如字體圖標、SVG圖標等。那么如何使用CSS來引用這些圖標呢？ 首先，我們來看一下字體圖標。字體圖標是指把矢量圖形保存為字體文件，然后在頁面中使用CSS的@font-face規則引用該字體文件，從而實現圖標的顯示。以下是引用字體圖標的基本代碼：

@font-face {
font-family: 'MyFont';
src: url('myfont.ttf') format('truetype');
/* 這里引用字體文件 */
}
.icon {
font-family: MyFont;
/* 指定字體 */
content: '\e001';
/* 通過Unicode碼來指定字形 */
}

上面的代碼中，我們通過@font-face規則引用了名為"MyFont"的字體文件，并在.icon類中使用了該字體，并通過Unicode碼來指定了字形。在頁面中使用時，只需要在HTML標簽中引用".icon"類即可：

接下來，我們再來看一下SVG圖標。SVG圖標是指將矢量圖形以SVG格式保存，并在頁面中使用

.icon {
background-image: url('icon.svg');
/* 指定SVG圖標文件 */
background-repeat: no-repeat;
/* 禁止平鋪 */
width: 20px;
height: 20px;
/* 指定圖標大小 */
}

上面的代碼中，我們通過.background-image屬性指定了SVG圖標文件，并通過.background-repeat禁止了平鋪。然后，我們指定了圖標的寬高，并在HTML標簽中引用".icon"類即可：

以上就是CSS中字體圖標和SVG圖標的引用方法。需要注意的是，不同類型的圖標需要使用不同的引用方式，具體要根據實際情況來選擇。希望本文能對大家在Web開發中使用圖標有所幫助。