CSS 中的字體樣式是網頁設計中非常重要的一部分。其中，給字體前面添加圓點是網頁設計中常見的技巧，可以使字體更加醒目，增強文章的可讀性。下面我們介紹一種使用 CSS 給字體前面加圓點的方法。

/* 設置ul列表項的樣式 */
 li {
list-style:none; /* 不顯示item數 */
padding-left:15px; /* 設置item左內邊距 */
 }
/* 設置item中的文字樣式 */
 li:before {
content:"\2022"; /* 設置為圓點 */
color:#e67e22; /* 設置圓點顏色 */
font-weight:bold; /* 設置為粗體 */
display:inline-block; /* 設置display的值為inline-block */
width:1.5em; /* 設置寬度為1.5em */
margin-left:-1em; /* 設置左邊距為-1em */
 }

上述代碼中，我們定義了一個<li>，對其應用了樣式list-style:none;，取消了默認的項目符號。然后，我們給<li>添加了一個:before偽元素，用來設置圓點的樣式。在:before偽元素中，我們設置了content為圓點，使用\2022表示。之后，我們設置了圓點的樣式，如顏色、字體粗細等。最后，我們通過設置寬度、左邊距等細節來對圓點進行定位。這樣一來，我們就可以輕松地添加圓點樣式了。

注意：以上代碼中的“\2022”是Unicode編碼，表示一個實心圓點。如果希望使用其他符號作為圓點，可以先在網上找到對應的編碼，然后替換掉代碼中的“\2022”即可。