カスタマイズ

【Android Studio】カスタムフォントをアプリ全体に一括・部分的に反映させる方法

 

以前の記事で Android Studio でカスタムフォントを使用する方法を紹介しました。

その記事では TextView や Bottun に対して java ファイル側でカスタムフォントを設定していましたが、今回はさらに簡単なカスタムフォントの使用方法を紹介します。
 

ここでは

  • カスタムフォントをアプリ全体に一括で反映させる方法
  • 部分的にカスタムフォントを使用する方法

の2種類を紹介していますので、ぜひお試しください。
 

デフォルト
カスタムフォント

 

 
 


 

開発環境

Android Studio 3.4
Android Emulator Nexus 4 (API 27)

注意事項

1. minSdkVersion は 16 以上に設定してください。


 

2. あらかじめ使用したいフォントファイルをご用意ください。ファイル形式は otf・ttf のどちらでも大丈夫です。

このサンプルでは Google Fonts でダウンロードした「Noto Serif JP」というフォントを使っていきます。
*フォントをダウンロードするときは利用規約にご注意ください。

 
 

font フォルダの用意

まずはフォントファイルを置くための font フォルダを作成します。

Android Studio 画面左側のプロジェクト構造にある res フォルダの上で右クリックして、New → Directory を選択します。


 
 

「font」と入力して OK を押します。


 
 

作成された font フォルダの上で右クリックして、Mac の場合は Reveal in Finder、Windows の場合は Show in Explorer を選択します。


 
 

font フォルダ内にフォントファイルを置いてください。

フォントのファイル名には a~zの小文字、0~9の数値、_(アンダースコア)のみ使うことができます。大文字や-(ハイフン)を使わないように注意してください。

 
 
 

以上でフォントファイルの準備は完了です。

 
 

フォントを反映させる

アプリ全体にカスタムフォントを反映させる場合

Android Studio 画面左側のプロジェクト構造から app → res → values → styles.xml を開きます。


 
 

7行目 fontFamily を追加します。

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="android:fontFamily">@font/noto_serif_jp_regular</item>
    </style>
</resources>

 
 

以上で設定は完了です。

フォントファイルを正しく読み込めていれば、全ての要素にカスタムフォントが反映されます。


 
 

部分的にカスタムフォントを反映させる場合

一部の要素にだけカスタムフォントを使いたい場合は、activity ファイルから設定することもできます。

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="カスタムフォント"
        android:fontFamily="@font/noto_serif_jp_regular" />

 
 

複数のカスタムフォントを使う場合

今回は1種類のカスタムフォントを使用しましたが、複数のフォントファイルを使うこともできます。

複数のフォントを使う場合も font フォルダにフォントファイルを置いてください。

 
 

ABOUT ME
Sara
Sara
「わかりやすく・シンプル」をモットーに、携帯アプリ・ウェブアプリの作り方を紹介します。 独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています🙂
独学は難しそうと感じたら

 
独学でプログラミングを勉強するのは難しそう、効率的にプログラミングを学びたいという方はオンラインスクールがオススメです。

オンラインスクールを選ぶときのポイント

  • 無料体験があること
  • 個別サポートがあること

自分にあったスタイルを見つけるために、無料体験のご利用をオススメします。(無料体験後に自分には合わないなと感じたらハッキリ断ってしまって問題ありません。)
 
個別サポートもプログラミング学習に挫折しないために重要なポイントです。エラーや困った時にすぐに個別対応をしてくれるスクールを利用して下さい。

ここでは3つのオンラインスクールを紹介します。
全て無料体験がありますので、ぜひ自分に合ったスクールを見つけてみて下さい🙂
 

1. TechAcademy(テックアカデミー)

オンライン完結で勉強できるスクールで、コースがとても充実しています。チャットで質問すればすぐに回答を得られるのが一番のおすすめポイントです。
オリジナルのサービスやアプリの開発もサポートしてくれるので、開発したいものが決まっている人にもオススメです。

無料体験はこちら

2. CodeCamp(コードキャンプ)

一対一で受講できる個別指導のプログラミングスクールです。
Webデザイン・Webサービス開発・アプリ開発などを幅広く学習することができます。
マンツーマンなので自分のペースで学習できて、質問もその都度できるのがメリットです。

無料体験レッスンはこちら

3. Treehouse

英語でも良い、英語とプログラミングを同時に勉強したいという方は Treehouse がオススメです。月25ドルで始めることができて、たくさんのプログラミング言語を学ぶことができます。
個別サポートはありませんが、掲示板が充実しています。ほとんどの場合、質問してから30分程度で回答を得ることができます。

7日間の無料体験はこちら

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です