XML 中的字型

Android 8.0 (API 級別 26) 導入了「XML 中的字型」這項新功能，可讓您將字型做為資源。您可將 font 檔案加入 res/font/ 資料夾中，建立字型的套裝組合做為資源。這些字型會編譯在 R 檔案中，並自動出現在 Android Studio 中供您使用。在新資源類型 font 的幫助下，就能存取字型資源。例如，若要存取字型資源，請使用 @font/myfont 或 R.font.myfont。

若要在搭載 Android 4.1 (API 級別 16) 以上版本的裝置上，使用「XML 中的字型」功能，請使用支援資料庫 26。若要進一步瞭解如何使用支援資料庫，請參閱使用支援資料庫一節。

若要將字型新增為資源，請在 Android Studio 中執行下列步驟：

1. 在「res」 資料夾上按一下滑鼠右鍵，然後依序按一下「New」(新增) >「Android resource director」(Android 資源目錄)。

   隨即顯示「新增資源目錄」視窗。

2. 在「資源類型」清單中，選取「字型」，然後按一下「確定」。

   注意事項：資源目錄的名稱必須是「font」。

   

   圖 1. 新增字型資源目錄

3. 在「font」 資料夾中新增字型檔案。

   以下資料夾結構會產生 R.font.dancing_script、R.font.lobster 和 R.font.typo_graphica。

   

   圖 2. 在資源目錄中新增字型檔案

4. 按兩下字型檔案，即可透過編輯器預覽檔案的字型。

   圖 3. 預覽字型檔案

建立字型系列

字型系列是一組字型檔案，並包含其樣式和粗細詳細資料。在 Android 中，您可以建立新的字型系列做為 XML 資源，然後以單一單元的形式存取，這樣就不必將每個樣式和粗細視為獨立資源。如此一來，系統就能根據要使用的文字樣式選擇正確的字型。

若要建立字型系列，請在 Android Studio 中執行下列步驟：

1. 在 font 資料夾上按一下滑鼠右鍵，然後依序按一下「New」(新增) >「Font resource file」(字型資源檔案)。隨即顯示「New Resource File」(新增資源檔案)視窗。
2. 輸入檔案名稱，然後按一下「OK」。新的字型資源 XML 就會在編輯器中開啟。
3. 請在 <font> 元素中包含各個字型檔案、樣式和粗細屬性。以下 XML 說明如何在字型資源 XML 中新增字型相關屬性：

   <?xml version="1.0" encoding="utf-8"?>
   <font-family xmlns:android="http://schemas.android.com/apk/res/android">
       <font
           android:fontStyle="normal"
           android:fontWeight="400"
           android:font="@font/lobster_regular" />
       <font
           android:fontStyle="italic"
           android:fontWeight="400"
           android:font="@font/lobster_italic" />
   </font-family>
   

在 XML 版面配置中使用字型

在 TextView 物件或樣式中，使用單一字型檔案或字型系列中的字型。若要在 TextView 或樣式中新增字型，請使用 fontFamily 屬性。

注意：使用字型系列時，TextView 會視需要自行切換成使用該系列中的字型檔案。

將文字新增至 TextView

若要設定 TextView 的字型，請執行下列任一操作：

• 在版面配置 XML 檔案中，將 fontFamily 屬性設為要存取的字型檔案。

  <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:fontFamily="@font/lobster"/>
  

• 開啟「Properties」(屬性) 視窗，設定 TextView 的字型。
  1. 選取檢視畫面，開啟「Properties」(屬性) 視窗。

     注意事項：只有在設計編輯器開啟時，才能使用「Properties」(屬性) 視窗。選取視窗下方的「Design」(設計) 分頁標籤。

  2. 展開「textAppearance」屬性，然後從「fontFamily」清單中選取字型。
  3. 

     圖 4. 從「Properties」(屬性) 視窗中選取字型

透過圖 5 的最右側窗格中顯示的 Android Studio 版面配置預覽，就能預覽在 TextView 中設定的字型。

圖 5. 在版面配置預覽中預覽字型

將字型新增至樣式

開啟 styles.xml，然後將 fontFamily 屬性設為要存取的字型檔案。

<style name="customfontstyle" parent="@android:style/TextAppearance.Small">
    <item name="android:fontFamily">@font/lobster</item>
</style>

透過程式使用字型

若要透過程式擷取字型，請呼叫 getFont(int) 方法並提供要擷取的字型資源 ID。這個方法會回傳 Typeface 物件。儘管系統會從字型資訊中挑選最適合的樣式，但您也可以使用 setTypeface(android.graphics.Typeface, int) 方法設定特定樣式的字樣。

注意：TextView 已為您完成這項操作。

Kotlin

val typeface = resources.getFont(R.font.myfont)
textView.typeface = typeface

Java

Typeface typeface = getResources().getFont(R.font.myfont);
textView.setTypeface(typeface);

使用支援資料庫

支援資料庫 26.0 支援在搭載 Android 4.1 (API 級別 16) 以上版本的裝置上的「XML 中的字型」功能。

注意事項：當您透過支援資料庫宣告 XML 版面配置的字型系列時，請使用「app」命名空間確保字型載入。

<?xml version="1.0" encoding="utf-8"?>
<font-family xmlns:app="http://schemas.android.com/apk/res-auto">
    <font app:fontStyle="normal" app:fontWeight="400" app:font="@font/myfont-Regular"/>
    <font app:fontStyle="italic" app:fontWeight="400" app:font="@font/myfont-Italic" />
</font-family>

若要透過程式擷取字型，請呼叫 ResourceCompat.getFont(Context, int) 方法，並提供 Context 執行個體和資源 ID。

Kotlin

val typeface = ResourcesCompat.getFont(context, R.font.myfont)

Java

Typeface typeface = ResourcesCompat.getFont(context, R.font.myfont);