【Android Studio】カスタムフォントを追加して使用する方法!

この記事からわかること

  • Kotlin/Android Studioカスタムフォント使用する方法
  • フォントファイル変更する

index

[open]

\ アプリをリリースしました /

みんなの誕生日

友達や家族の誕生日をメモ!通知も届く-みんなの誕生日-

posted withアプリーチ

環境

カスタムフォントの適応方法

Android Studioでアプリに既存に用意されていないカスタムフォントを適応させるには以下の手順で作業していきます。

  1. フォントファイルの準備
  2. 「res」>「New」>「Folder」>「Font Folder」の準備
  3. フォントファイル名の編集
  4. ドラッグ&ドロップで追加
  5. Androidでフォントを使用する

フォントファイルの準備

今回導入するフォントはGoogle Fontsの中のBorelを使用してみます。まずは右側の「Download family」をクリックしてフォントファイルをダウンロードします。

【Swift/Xcode】カスタムフォントを追加して使用する方法!

「res」>「New」>「Folder」>「Font Folder」の準備

フォントをファイルをダウンロードできたらプロジェクト内にフォントを保管する場所を作成します。「res」を右クリックして「New」>「Folder」>「Font Folder」を選択します。

【Android Studio】カスタムフォントを追加して使用する方法!

この際にフォルダーの場所を変更するか問われるので特に何もせず「Finsh」を押します。

【Android Studio】カスタムフォントを追加して使用する方法!

フォントファイル名の編集

Androidでは追加するフォントファイル名に大文字とハイフンを含んでいてはいけないようなので大文字は小文字に-は_に変換しておきます。

Borel-Regular.ttf
  ↓
borel_regular.ttf

ドラッグ&ドロップで追加

ファイル名の編集が済んだらFontsディレクトリに中にドラッグ&ドロップで追加します。

Androidでフォントを使用する

最後にビューに適応させるにはandroid:fontFamily属性にフォント名を渡せばOKです。

android:fontFamily="@font/borel_regular"
【Android Studio】カスタムフォントを追加して使用する方法!

まだまだ勉強中ですので間違っている点や至らぬ点がありましたら教えていただけると助かります。

ご覧いただきありがとうございました。

searchbox

スポンサー

ProFile

ame

趣味:読書,プログラミング学習,サイト制作,ブログ

IT嫌いを克服するためにITパスを取得しようと勉強してからサイト制作が趣味に変わりました笑
今はCMSを使わずこのサイトを完全自作でサイト運営中〜

New Article

index