在網頁設計中，字體的選擇和排版都是非常重要的，因為它們直接影響到網頁的美觀程度和閱讀體驗。而在使用 CSS 引用字體時，可能會遇到一些比較常見的問題之一就是亂碼。

當我們在 CSS 中引用字體的時候，常常會使用 @font-face 規則。但是，如果在引用的字體中包含一些特殊字符（例如中文、日文、阿拉伯文等），那么有可能在頁面上顯示時就會出現亂碼的情況了。這通常是因為瀏覽器在解析字體時出現了一些問題導致的。

在 CSS 中引用字體的代碼通常會寫在 pre 標簽中，比如：

@font-face {
font-family: 'myfont';
src: url('myfont.ttf') format('truetype');
}

使用字體時的 CSS 也會寫在 pre 標簽中，例如：

body {
font-family: 'myfont';
}

如果在字體名稱中包含中文的話，那么在瀏覽器中有一定的兼容性問題。這時，我們需要將字體文件名改為英文的形式，并在 CSS 中調用時使用英文名稱。

此外，也可以在 CSS 中使用 unicode 編碼的形式替代中文字體名，例如：

@font-face {
font-family: '\u5b8b\u4f53';
src: url('simsun.ttf');
}

這樣在頁面中就不會出現亂碼了。

總的來說，在使用 CSS 引用字體時可能會出現亂碼的問題，但只要遵守一些規矩和技巧，就可以解決這個問題了。