【Android】プロジェクトでカスタムフォントを使用する方法をステップごとに解説

はじめに

この記事では、Androidプロジェクトで独自のカスタムフォント（TTF形式）を使用する方法を、実際のコード例とともに段階的に解説します。TextViewにカスタムフォントを適用することで、アプリの見た目に個性を持たせることができます。

手順1：新規プロジェクトを作成する

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

手順2：activity_main.xml にコードを追加する

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/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Lets put a smile on your Face!"
        android:textSize="50dp"
        android:layout_centerVertical="true"
        android:layout_marginLeft="5dp" />
</RelativeLayout>

手順3：MainActivity.java にコードを追加する

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

import android.graphics.Typeface;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
    TextView tv;
    Typeface myFont;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tv = (TextView) findViewById(R.id.textView);
        myFont = Typeface.createFromAsset(this.getAssets(), "font/AlexBrush-Regular.ttf");
        tv.setTypeface(myFont);
    }
}

ポイント：使用するフォントファイル（AlexBrush-Regular.ttf）は、app/src/main/assets/font/ ディレクトリ内にあらかじめ配置しておく必要があります。assetsフォルダが存在しない場合は、appフォルダを右クリックして「New」→「Folder」→「Assets Folder」から作成できます。

手順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」 アイコンをクリックします。表示された候補から自分のモバイルデバイスを選択すると、端末上にカスタムフォントが適用された画面が表示されます。

補足：より新しい方法について

Android 8.0（APIレベル26）以降では、res/font/ リソースディレクトリにフォントファイルを配置し、android:fontFamily 属性で直接指定する方法や、Google Fontsから動的にフォントを取得できる「Downloadable Fonts」機能も利用できます。新規プロジェクトではこちらの方法の方がシンプルに実装できるため、状況に応じて使い分けるとよいでしょう。