前言

Android O中的新功能之一是使用自定義字體資源。在這篇文章中，我們一起來看看如何在我們的應用程序中使用它們。

在Android O之前，在我們的應用中使用自定義字體有多困難？我們有兩個選擇：
1、編寫自定義view
2、使用lib引入第三方字體

字體資源入門

Android O通過字體資源支持自定義字體。在app / res文件夾中新建文件夾，

在Android Studio中創建新的資源目錄.png

創建字體文件夾很容易.就像創建 menu, values, drawable等等。

所以右鍵單擊res文件夾并創建一個新font文件夾。

創建一個新的字體資源目錄.png

字體格式

Android O支持.otf（OpenType）和.ttf（TrueType）字體格式。

我現在創建一個簡單的頁面。像一本書，標題是大型襯線字體。

我們將要創建的.png

在Android O中使用自定義字體資源

對于這篇Android O的文章，我將從Google字體中選擇我的字體。

我的兩個字體選擇是：
1、Merriweather
2、Lato
以下是Merriweather的可用字體樣式。

通過fonts.google.com下載字體.png

您可以下載您選擇的.otf或.ttf字體，并將它們放在res / fonts文件夾中。

請注意，資源文件應使用小寫字母和下劃線。例如，下載的字體是Merriweather-Regular.ttf。當您將其復制到res / fonts文件夾時，將其重命名為merriweather_regular.ttf。

一旦您放入fonts文件夾中的自定義字體文件，就可以預覽字體。只需雙擊一個字體，Android Studio會預覽字體。

字體預覽.png

轉到您的XML布局文件。我們跳過布局設計，直接使用我們的字體。

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

這是我簡單的TextView。需要使用里面的一個屬性，是的，就是這么簡單！

android:fontFamily="@font/merriweather_regular"

通過Java自定義字體

您可以通過編程方式分配字體。先取字體字體。然后把它設置為你的TextView。

Typeface typefaceLato = getResources().getFont(R.font.lato_regular);
mTextIntro.setTypeface(typefaceLato);

此外，您甚至可以指定一個基本的字體樣式，如粗體，斜體或兩者的組合。

mTextIntro.setTypeface（typefaceLato，Typeface.BOLD_ITALIC）;

自定義字體樣式.png

如果您使用的是字體系列，則會有相同的字體，權重不同。

你知道我在說什么，如果你下載一個字體并解壓縮.zip文件，你會得到這樣的多種字體變體。

字體資源.png

所以例如，假設我正在使用Merriweather-Regular。如果將字體樣式設為粗體，Android將從我的字體系列中選擇Merriweather-Bold，并顯示。

使用字體系列

如上所述，如果您想在不同的樣式中使用相同的字體呢？好的，也許你可以使用粗體或斜體的默認字體樣式。但是如果你想要更薄的字體呢？薄而斜體？

創建一個字體系列

3個簡單的步驟就可以做到這一點。
1、右鍵單擊res / fonts文件夾并創建一個新的“ 字體資源文件 ”。

創建新字體資源文件.png

2、為要包含的每個字體變體添加一個元素。讓我們回到我們想要做的設計。字體樣式很薄，粗體和斜體將是很好的。所以我們再加三個。

我只想改變body內容的字體。所以我們為Lato添加3個字體變體。

<font-family xmlns:android="http://schemas.android.com/apk/res/android">
    <font
        android:font="@font/lato_light"
        android:fontStyle="normal"
        android:fontWeight="300"/>

    <font
        android:font="@font/lato_regular"
        android:fontStyle="normal"
        android:fontWeight="400"/>

    <font
        android:font="@font/lato_bold"
        android:fontStyle="normal"
        android:fontWeight="700"/>
</font-family>

如果您不確定fontWeight，可以快速瀏覽Google字體將解除您的疑問。

谷歌字體下載ttf.png

之后，使用來自字體系列的單個字體是一樣的。只需通過字體屬性引用它們

android:fontFamily="@font/lato_black"

只要記住首先將所有的字體變體添加到字體文件夾。然后創建一個“ 字體資源文件 ”。然后添加每個字體變體的元素。最后，參考你的字體風格就像一個常規的單一字體。

自定義字體樣式的可讀性

在字體上直接使用字體TextView并不能保證良好的可讀性。我們來看看。

默認的textview.png

這看起來很困難，所以如果您的應用程序的優先級是用戶閱讀內容。那么它也是您的首要任務，以確保內容易于閱讀。
關鍵在于兩個屬性：
1、letterSpacing
2、lineSpacingExtra

所以考慮到這一點，這里是我TextView 在布局中的元素。

...
<TextView
    style="@style/TextAppearance.AppCompat.Headline"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fontFamily="@font/merriweather_regular" />

<TextView
    style="@style/TextAppearance.AppCompat.Subhead"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:lineSpacingExtra="4dp"
    android:letterSpacing="0.08" />

<TextView
    style="@style/TextAppearance.AppCompat.Body1"
    android:layout_width="match_parent"
    android:letterSpacing="0.04"
    android:layout_height="wrap_content"
    android:fontFamily="@font/lato_regular"
    android:lineSpacingExtra="4dp" />
...

使用這些額外的屬性，字體現在應該很容易閱讀。

前后對比.png

如果您很難記住不同的屬性，請使用XML編輯器中的“ 設計 ”窗格。右側的“ 屬性 ”窗格列出了您可以更改的所有可用屬性。

XML編輯器設計視圖中的TextView屬性.png

最終結果

修改后的.png

哪里能了解更多的信息？

使用自定義字體資源只是Android O中的新功能之一。您可以在這里閱讀其他Android O功能。

快樂工作，享受編程！