facebook twitter hatena line google mixi email

「Flutter/font」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(フォントスタイル)
 
(同じ利用者による、間の2版が非表示)
行30: 行30:
 
           fontFamily: 'Cursive',
 
           fontFamily: 'Cursive',
 
         ),
 
         ),
 +
 +
==googleフォント一覧==
 +
https://fonts.google.com/?subset=japanese
 +
 +
==flutterに組み込まれてるフォント==
 +
/d/src/flutter/packages/flutter/lib/src/material/typography.dart
 +
<pre>
 +
    display4  : TextStyle(debugLabel: 'blackMountainView display4',  fontFamily: 'Roboto', inherit: true, color: Colors.black54, decoration: TextDecoration.none),
 +
</pre>

2019年12月2日 (月) 23:58時点における最新版

日本語フォント対応

androidはデフォルトで中華フォントになってる。 iosは日本語が当たってた。

Textの対応

Textの第2引数

Text('編集')

Text('編集', style: TextStyle(locale: Locale("ja", "JP"))
children: <Widget>[
  CupertinoButton.filled(
      child: const Text('編集', style: TextStyle(locale: Locale("ja", "JP"))

アプリtitle対応

locale: Locale("ja", "JP"),を追加

app.dart

    Widget build(BuildContext context) {
        return MaterialApp(
          locale: Locale("ja", "JP"),

フォントスタイル

style: TextStyle(
         fontWeight: FontWeight.bold,
         fontFamily: 'Cursive',
       ),

googleフォント一覧

https://fonts.google.com/?subset=japanese

flutterに組み込まれてるフォント

/d/src/flutter/packages/flutter/lib/src/material/typography.dart

    display4   : TextStyle(debugLabel: 'blackMountainView display4',   fontFamily: 'Roboto', inherit: true, color: Colors.black54, decoration: TextDecoration.none),