CSS 字閃現(xiàn)消失是前端開發(fā)中常見的問題之一，它會導(dǎo)致頁面在加載時出現(xiàn)短暫的字體閃動現(xiàn)象，給用戶體驗造成不良影響。

這一現(xiàn)象發(fā)生的原因是由于瀏覽器在下載 CSS 文件時，會阻止頁面的渲染過程，直到所有樣式表下載完畢。因此，當(dāng)頁面渲染到需要應(yīng)用某些字體時，如果對應(yīng)字體文件尚未下載完成，該字體將被替換成瀏覽器默認(rèn)字體。當(dāng)字體下載完成后，瀏覽器會再次渲染該字體，導(dǎo)致字體閃現(xiàn)。

解決這一問題的方法有很多，其中一種常用的方法是使用font-display屬性。該屬性可以設(shè)置字體在下載完成前如何呈現(xiàn)，有以下取值：

font-display: auto; /* 默認(rèn)值，瀏覽器根據(jù)情況處理 */
font-display: block; /* 等待字體加載完成后再顯示 */
font-display: swap; /* 使用該屬性會立即應(yīng)用瀏覽器的系統(tǒng)默認(rèn)字體 */
font-display: fallback; /* 先使用系統(tǒng)默認(rèn)字體，待字體下載完成后再替換 */
font-display: optional; /* 不一定下載字體，只要在下載完成前自定義字體可用，就嘗試使用之 */

在使用font-display屬性后，我們可以有效地解決 CSS 字閃現(xiàn)消失問題，提升用戶體驗。