在優(yōu)化網(wǎng)站性能時(shí)，自托管 Google 字體是提升速度和減少 累計(jì)布局偏移（CLS） 的有效方法。Astra 主題在 3.6.0 版本中引入了這一功能，讓用戶能夠?qū)?Google 字體本地化加載。本文將介紹如何啟用該功能，修改默認(rèn)設(shè)置，以及如何去除 Astra 品牌標(biāo)識。

啟用 Astra 自托管 Google 字體

Astra 提供了 自托管 Google 字體 功能，允許將 Google 字體本地存儲，以 woff2 格式加載，減少外部請求并提升網(wǎng)站性能。

啟用方法：

• 登錄 WordPress 后臺，進(jìn)入 Astra > 設(shè)置。
• 啟用 “本地加載 Google 字體” 選項(xiàng)。

啟用后，Google 字體將直接從本地加載，減少外部請求，提升加載速度，尤其對移動設(shè)備用戶而言，效果尤為顯著。

如何修改 Astra 自托管 Google 字體功能

默認(rèn)情況下，Astra 會將字體保存為 woff2 格式，這適用于大部分瀏覽器，但一些老舊瀏覽器（如 Internet Explorer 和 Opera Mini）不支持此格式。如果需要支持這些瀏覽器，或者想使用其他格式，可以按照以下步驟進(jìn)行修改。

1. 更改字體文件格式

如果 woff2 格式不適用于某些瀏覽器，可以將字體文件格式修改為 woff，它在更多瀏覽器中得到支持。

修改方法：

• 打開子主題，編輯 functions.php 文件。
• 添加以下代碼：

// 加載除“woff2”外的字體格式
add_filter( 'astra_local_google_fonts_format', 'update_astra_local_fonts_format' );
function update_astra_local_fonts_format( $font_format ) {
  $font_format = 'woff'; // 將格式更改為 "woff" 或其他格式。
  return $font_format;
}

這樣就能使用 woff 格式加載字體，兼容更多的瀏覽器。

2. 白標(biāo)化 Astra 自托管 Google 字體功能

Astra 默認(rèn)會在字體文件夾和本地 CSS 文件名稱中加入 Astra 品牌標(biāo)識。如果希望去除品牌標(biāo)識，進(jìn)行白標(biāo)化，可以使用以下代碼進(jìn)行修改：

• 重命名字體文件夾：

add_filter( 'astra_local_fonts_directory_name', 'update_astra_local_fonts_file_directory_name' );
function update_astra_local_fonts_file_directory_name( $folder_name ) {
  $folder_name = 'mysite'; // 將 'mysite' 改為所需的文件夾名稱。
  return $folder_name;
}

• 重命名本地 CSS 文件：

add_filter( 'astra_local_font_file_name', 'update_astra_local_fonts_file_name' );
function update_astra_local_fonts_file_name( $file_name ) {
  $file_name = 'mysite-font'; // 將 'mysite-font' 改為所需的文件名稱。
  return $file_name;
}

通過這些修改，字體文件夾和 CSS 文件名稱將不再包含 Astra 品牌標(biāo)識，完全符合自定義要求。

3. 清除緩存

完成修改后，進(jìn)入 Astra > 設(shè)置 頁面，并點(diǎn)擊 “清除本地字體文件” 按鈕。這將清除舊緩存，確保修改立即生效。

建議

在進(jìn)行這些修改時(shí)，建議使用 子主題，以防止主題更新時(shí)丟失自定義設(shè)置。如果不確定如何設(shè)置子主題，可以參考相關(guān)教程。另外，最好在 暫存環(huán)境 中進(jìn)行測試，避免直接影響正式網(wǎng)站。

總結(jié)

通過啟用 Astra 主題的 自托管 Google 字體 功能，用戶可以將字體本地加載，提升網(wǎng)站性能。如果需要支持更多的瀏覽器格式或去除品牌標(biāo)識，本文中的修改方法可以幫助完成自定義設(shè)置。

最新文章

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息