Help us understand the problem. What is going on with this article?

Androidでカスタムフォントを簡単に導入(Caligaphy)

More than 5 years have passed since last update.

先日、弊社(heathrow, Inc)の自社サービスFAVRICA - あらゆるファッション通販サイトをまとめて検索Android版を無事リリースすることが出来ました。

公開を記念して、開発で得たノウハウなどをまとめて公開しております.
FAVRICA Android版公開記念、いろんなノウハウ公開 - Qiita


FAVRICAでは要所、要所にカスタムフォントを導入した、下のようなかっこいいデザインになってます.

Slice 1.png

さて、Androidでのカスタムフォントですが、
Calligraphyというライブラリを使うと、すごく簡単に導入できます.

こんな感じです.

<TextView
    fontPath="fonts/SackersGothicStd-Medium.ttf"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

以下、導入方法.

導入方法

1. build.gradleに追加

app/build.gradle
dependencies {
    compile 'uk.co.chrisjenx:calligraphy:2.1.0'
}

2. Applicationで初期化処理

Application.java
public class MyApplication extends Application {

    @override
    public void onCreate() {
        CalligraphyConfig.initDefault(new CalligraphyConfig.Builder()
                .setFontAttrId(R.attr.fontPath)
                .build());
  }
}

3. Activityで設定

Activity.java
public class MyActivity extends Activity {

    @Override
    protected void attachBaseContext(Context newBase) {
        super.attachBaseContext(CalligraphyContextWrapper.wrap(newBase));
    }
}

4. カスタムフォントを配置

app/src/main/assetsに配置します.

ちなみにFAVRICAではSackersGothicなるかっこいいフォントを使ってます.

app/src/main/assets/fonts
└── SackersGothicStd-Medium.ttf

5. Viewで設定

<TextView
    fontPath="fonts/SackersGothicStd-Medium.ttf"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />
unosk
東京でスタートアップのエンジニアやってます。
http://neuro-inc.jp
neuro
二次交通に特化したモビリティプラットフォームRYDEの企画運営する東京のスタートアップです。
https://ryde-inc.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした