Add "sans-serif" as the first fontFamilyFallback

LastMonopoly · Feb 4, 2023 · b93b21f · b93b21f
1 parent 6cdb0cc
commit b93b21f
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -91,5 +91,9 @@ return MaterialApp(
 | :---: | :------: | :-------: | :---: | :-----: | :---: | :---: | :---: | :---: | :---: |
 |   ✔️   |    ✔️     |     ✔️     |   ✔️   |    ✔️    |
 
+## Reference
+
+[Flutter 小技巧之玩转字体渲染和问题修复](https://juejin.cn/post/7108463516952035365)
+
 ## Contributions
 [LiTang0908](https://github.com/litang0908)
diff --git a/example/lib/main_plus.dart → example/lib/main_complex.dart b/example/lib/main_plus.dart → example/lib/main_complex.dart
diff --git a/example/lib/text_theme_demo.dart b/example/lib/text_theme_demo.dart
@@ -11,7 +11,16 @@ class TextThemeDemo extends StatelessWidget {
     if (useSystemChineseFont) {
       return Theme(
         data: ThemeData(
-          textTheme: SystemChineseFont.textTheme.apply(fontFamily: 'LatoLato'),
+          textTheme: SystemChineseFont.textTheme
+              .merge(
+                // Custom text theme
+                const TextTheme(
+                  displaySmall: TextStyle(fontStyle: FontStyle.italic),
+                  displayMedium: TextStyle(fontStyle: FontStyle.italic),
+                  displayLarge: TextStyle(fontStyle: FontStyle.italic),
+                ),
+              ) // Apply change to the entire fontTheme
+              .apply(fontFamily: 'LatoLato'),
         ),
         child: const ThemedTextList(),
       );

diff --git a/lib/src/system_chinese_font.dart b/lib/src/system_chinese_font.dart
@@ -28,6 +28,7 @@ class SystemChineseFont {
 
   /// Chinese font family fallback, for most platforms
   static const List<String> fontFamilyFallback = [
+    "sans-serif",
     ...appleFontFamily,
     ...xiaomiFontFamily,
     ...windowsFontFamily,