CSS中使用font圖標可以讓網站的元素更為美觀。下面是一個簡單的介紹，如何為您的網站添加font圖標。

/* 下載font圖標 */
@font-face {
font-family: 'icomoon';
src: url('icomoon.eot?5amiv1');
src: url('icomoon.eot?5amiv1#iefix') format('embedded-opentype'),
url('icomoon.ttf?5amiv1') format('truetype'),
url('icomoon.woff?5amiv1') format('woff'),
url('icomoon.svg?5amiv1#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/* 添加font圖標到按鈕中 */
.icon {
font-family: 'icomoon';
font-size: 24px;
}
/* 添加Facebook圖標 */
.facebook:before {
content: '\e900';
}
/* 添加Twitter圖標 */
.twitter:before {
content: '\e901';
}

以上代碼中，首先使用@font-face指令下載icomoon字體圖標。接下來，可以設置樣式表為你的元素添加圖標，其中.icon類添加了字體樣式和字體大小。最后，定義偽元素:before來插入偽元素的內容。

以上就是一個簡單的介紹，在CSS中添加font圖標的方法。你可以選擇不同的圖標，根據你的組件和你網站的風格地應用它們。