AndroidでTextViewのフォントファミリーを変更する方法を解説

はじめに

この記事では、AndroidアプリでTextViewのフォントファミリー（書体）を変更する方法を解説します。android:fontFamily属性を使用すれば、XMLレイアウトだけで簡単にテキストのフォントを切り替えることができます。

実装手順

ステップ1：新規プロジェクトの作成

Android Studioで新しいプロジェクトを作成します。メニューから「File」⇒「New Project」を選択し、必要な項目をすべて入力してプロジェクトを作成しましょう。

ステップ2：レイアウトファイルの編集

res/layout/activity_main.xml に以下のコードを追加します。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:fontFamily="cursive"
        android:layout_centerInParent="true"
        android:textSize="48sp" />
    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/textView1"
        android:layout_marginBottom="10dp"
        android:text="Hello World"
        android:layout_centerInParent="true"
        android:fontFamily="sans-serif-black"
        android:textSize="48sp"/>
</RelativeLayout>

この例では、2つのTextViewを中央に配置しています。1つ目はcursive（筆記体風）、2つ目はsans-serif-black（極太のサンセリフ体）というフォントファミリーを指定しています。

ステップ3：MainActivity.javaの編集

src/MainActivity.java に以下のコードを追加します。

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

※ 新しいバージョンのAndroid Studioで作成したプロジェクトでは、サポートライブラリの代わりにAndroidX（androidx.appcompat.app.AppCompatActivity）が使用される点に注意してください。

ステップ4：AndroidManifest.xmlの編集

AndroidManifest.xml に以下のコードを追加します。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android" package="app.com.sample">
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>

アプリの実行

それでは、アプリケーションを実行してみましょう。実際のAndroid端末がパソコンに接続されていることを前提とします。Android Studioからアプリを実行するには、プロジェクト内のアクティビティファイルを開き、ツールバーの「Run」アイコンをクリックします。接続したモバイルデバイスを選択すると、端末に以下のような画面が表示されます。

主なfontFamilyの値一覧

android:fontFamily属性で指定できる主な値は以下の通りです。用途に応じて使い分けるとよいでしょう。

• sans-serif … 標準のサンセリフ体
• sans-serif-light … 細めのサンセリフ体
• sans-serif-thin … ごく細いサンセリフ体
• sans-serif-condensed … 文字幅の狭いサンセリフ体
• sans-serif-medium … 中太のサンセリフ体
• sans-serif-black … 極太のサンセリフ体
• serif … セリフ体（明朝体風）
• monospace … 等幅フォント
• cursive … 筆記体風フォント