Using Custom Font as Resources in Android App

SHISHIR

8月13日。 2018 – 4 min read

開発者にとって本当に興味深い機能の1つが、android 8.0 (API レベル 26) では、Fonts in XML が導入され、フォントをリソースとして使用できるようになりました。 res/font/ フォルダーに font ファイルを追加して、フォントをリソースとしてバンドルすることができます。これらのフォントは R ファイルにコンパイルされ、Android Studio で自動的に使用できます。

Fonts in XML 機能を Android 4.1 (API レベル 16) 以上を実行しているデバイスで使用するには、サポートライブラリ 26 を使用する必要があります。フォントをリソースとして追加するには、Android Studioで次の手順を実行します。

Image result for android custom font image banner — Custom font in android

res フォルダーを右クリックして [New > Android resource directory] をクリックします。 – 新しいリソースディレクトリ］ウィンドウが表示されます。
［リソースの種類］リストで、［3806］を選択し、［OK］をクリックします。
注意：リソースディレクトリの名前は、必ずfontにします。

Create font family

フォントファミリーを作成するには、Android Studioで以下の手順を実行します。

fontフォルダを右クリックして、新規 > Font resource file に移動します。新しいリソースファイル］ウィンドウが表示されます。
ファイル名を入力し、［OK］をクリックします。
各フォントファイル、スタイル、およびウェイトの属性を <font> 要素で囲みます。次の XML は、フォントリソース XML にフォント関連の属性を追加している様子を示しています。

Use this Font

Now you can use this font in your app in the following ways –

use the font directly in layout file
use the font in the layout file
use the Font related attributes in the font resource XML:

[フォントリソース]

スタイルとアプリのテーマを使用してフォントを使用する（これが最良の方法です）

レイアウトファイルで直接フォントを使用する

レイアウト XML ファイルで使用します。 fontFamily属性にアクセスしたいフォントファイルを設定します。

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

プログラムでフォントを使用する

プログラムでフォントを設定することもできます。

Typeface typeface = ResourcesCompat.getFont(this, R.font.roboto);
.............or........................
Typeface typeface = getResources.getFont(R.font.roboto);textView.setTypeface(typeface);

スタイルとAppテーマでフォントを使用する

styles.xmlを開き、fontFamily属性にアクセスしたいフォントファイルを設定します。

# Using the font via app theme....(this is the best way)
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
....
<item name="android:fontFamily">@font/roboto_fonts_family</item>
</style>
-----------------------------------------------------------
# Using the font via style. Now you can add this style wherever you want.
<style name="customfontstyle">
<item name="android:fontFamily">@font/roboto_fonts_family</item>
</style>

Download Google Fonts for your App

step 1: アプリでテキストビューを選択し、グラフィカルレイアウトの［属性］の下の fontFamily 属性をクリックします。