FlutterでLINEフォント（LINE Seed JP）を試してみた！

2022年10月24日、LINEのコーポレートフォント『LINE Seed』の日本語書体がリリースされました。

日本語版コーポレートフォント『LINE Seed JP』をリリースしました。｜LINE CREATIVE CENTER

このたび、LINE CREATIVE CENTERはLINEのコーポレートフォント『LINE Seed』の日本語書体をフォントワークス株式会社・Fontrixと共同開発し、2022年10月24日にリリースいたしました。ブランディングの一環として2020年にグローバルでリリースした欧文コーポレートフォント『LINE S...

ライセンスは以下です。
有料販売を除く商用利用が可能となっており、アプリにも使うことができそうです。

Flutterアプリへの導入例
Flutterアプリへの導入方法

Flutterアプリへの導入例

早速、弊アプリ「はま図書」に入れて試してみました。
左が「LINESeedJP」、右が「NotoSansfJP」です。
丸っこくて可愛い感じになりました。

収録文字数が9,354文字ということで、文字が足りなくて結構文字化けするのかなぁと思って、本を検索して色々試してみましたが、特に問題なく表示できていました。
以下の通り、「あ゛」は表示出来ていませんでしたが、まぁそれは問題ないと思います。

図書館アプリにこの可愛らしさはいかがなものかとは思いますが「誰もが見慣れたフォントを使う」という意味では利点はあるのかもしれません。

とりあえずこれでリリースしてみて、不評であれば元に戻そうかと思います。

Flutterアプリへの導入方法

フォントを配置

LINE Seedのページからフォントファイルをダウンロードします。

ダウンロードしたファイルを解凍し、App/OTF/*.otfをFlutterプロジェクトのassets/fonts/にコピーします（ディレクトリがなければ作ります）。

OTFがよいのかTTFがよいのか正直よくわかっていません。元のフォントがOTF使っていたのでそれに倣った感じです。TTFの方が良い場合は誰か理由を教えてください。

フォントの設定

pubspec.yamlにフォントの名前とファイルの場所を定義します。

pubspec.yaml

flutter:
  〜
  fonts:
  - family: LINESeedJP
    fonts:
      - asset: assets/fonts/LINESeedJP_A_OTF_Th.otf
        weight: 100
      - asset: assets/fonts/LINESeedJP_A_OTF_Rg.otf
        weight: 400
      - asset: assets/fonts/LINESeedJP_A_OTF_Bd.otf
        weight: 700
      - asset: assets/fonts/LINESeedJP_A_OTF_Eb.otf
        weight: 800
  〜

アプリ全体で使うフォントして設定します。

lib/main.dart

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
　　　　　　　　　　　　〜
      theme: ThemeData(
        fontFamily: 'LINESeedJP', // 追加
      ),