【Android Studio】Google Fonts ファイルを簡単に取り込む方法
![](https://codeforfun.jp/wp-content/uploads/2021/10/thumb-as-the-easiest-way-to-load-google-fonts-file.png)
Android Studio でカスタムフォントを使うには font フォルダにファイル置いて使うことができます。
![](https://codeforfun.jp/wp-content/uploads/2021/10/as-the-easiest-way-to-load-google-fonts-file-1.png)
Google Fonts にあるフォントを使いたい場合は、ファイル読み込み・ダウンロードを Android Studio 内で簡単に行うことができます。
フォントを変えるだけでアプリの雰囲気を簡単に変えることができるのでぜひお試しください。
開発環境
Android Studio | Arctic Fox 2020.3.1 |
---|---|
Android Emulator | Nexus 4 (API 30) |
minSdk | 16 |
targetSdk | 31 |
プロジェクトについて
activity_main.xml に TextView を一つ用意しています。
![](https://codeforfun.jp/wp-content/uploads/2021/10/as-the-easiest-way-to-load-google-fonts-file-2.png)
手順
XML ファイルを Design タブで開きます。
![](https://codeforfun.jp/wp-content/uploads/2021/10/as-the-easiest-way-to-load-google-fonts-file-3.png)
フォントを変更したいウィジェットを選択します。ここでは TextView のフォントを変更してみます。
![](https://codeforfun.jp/wp-content/uploads/2021/10/as-the-easiest-way-to-load-google-fonts-file-4.png)
Android Studio 画面右側の属性一覧から fontFamily 属性を見つけます。検索ボックスに font と入力すると簡単に見つかります。
![](https://codeforfun.jp/wp-content/uploads/2021/10/as-the-easiest-way-to-load-google-fonts-file-5.png)
fontFamily 属性のセレクトメニューを開いて、一番下にある More Fonts… をクリックします。
![](https://codeforfun.jp/wp-content/uploads/2021/10/as-the-easiest-way-to-load-google-fonts-file-6.png)
左側でフォントを選択すると Preview 部分に Regular, Bold などのスタイルが出てくるので、選択して OK を押します。
![](https://codeforfun.jp/wp-content/uploads/2021/10/as-the-easiest-way-to-load-google-fonts-file-7.png)
Create downloadable font を選択すると API 経由でフォントを読み込むので、アプリサイズを小さくすることができます。
Add font to project を選択するとフォントファイルがプロジェクトにダウンロードされます。
![](https://codeforfun.jp/wp-content/uploads/2021/10/as-the-easiest-way-to-load-google-fonts-file-8.png)
フォントが変わっていれば完了です。
![](https://codeforfun.jp/wp-content/uploads/2021/10/as-the-easiest-way-to-load-google-fonts-file-9.png)