✨ Add emoji font and default fallback

OkunaOrg · Jun 7, 2019 · 360edd9 · 360edd9
1 parent 73a65c5
commit 360edd9
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 5 deletions.
diff --git a/assets/fonts/emojione.ttf b/assets/fonts/emojione.ttf
diff --git a/lib/widgets/theming/primary_accent_text.dart b/lib/widgets/theming/primary_accent_text.dart
@@ -32,7 +32,8 @@ class OBPrimaryAccentText extends StatelessWidget {
           TextStyle themedTextStyle = TextStyle(
               foreground: Paint()
                 ..shader = themeValueParserService
-                    .parseGradient(theme.primaryAccentColor).createShader(Rect.fromLTWH(0.0, 0.0, 200.0, 70.0)));
+                    .parseGradient(theme.primaryAccentColor).createShader(Rect.fromLTWH(0.0, 0.0, 200.0, 70.0)),
+              fontFamilyFallback: ['NunitoSans', 'Emoji']);
 
           if (finalStyle != null) {
             finalStyle = finalStyle.merge(themedTextStyle);

diff --git a/lib/widgets/theming/secondary_text.dart b/lib/widgets/theming/secondary_text.dart
@@ -28,7 +28,8 @@ class OBSecondaryText extends StatelessWidget {
           TextStyle finalStyle = style;
           TextStyle themedTextStyle = TextStyle(
               color:
-                  themeValueParserService.parseColor(theme.secondaryTextColor));
+                  themeValueParserService.parseColor(theme.secondaryTextColor),
+              fontFamilyFallback: ['NunitoSans', 'Emoji']);
 
           if (finalStyle != null) {
             finalStyle = finalStyle.merge(themedTextStyle);

diff --git a/lib/widgets/theming/smart_text.dart b/lib/widgets/theming/smart_text.dart
@@ -374,7 +374,7 @@ class OBSmartText extends StatelessWidget {
         TextStyle textStyle = TextStyle(
             color: primaryTextColor,
             fontSize: fontSize,
-            fontFamilyFallback: ['NunitoSans']);
+            fontFamilyFallback: ['NunitoSans', 'Emoji']);
 
         TextStyle secondaryTextStyle;
 
@@ -386,7 +386,7 @@ class OBSmartText extends StatelessWidget {
           secondaryTextStyle = TextStyle(
               color: secondaryTextColor,
               fontSize: fontSize * 0.8,
-              fontFamilyFallback: ['NunitoSans']);
+              fontFamilyFallback: ['NunitoSans', 'Emoji']);
         }
 
         Color actionsForegroundColor = themeValueParserService
@@ -397,6 +397,7 @@ class OBSmartText extends StatelessWidget {
           color: actionsForegroundColor,
           fontSize: fontSize,
           fontWeight: FontWeight.bold,
+          fontFamilyFallback: ['NunitoSans', 'Emoji'],
         );
 
         return RichText(

diff --git a/lib/widgets/theming/text.dart b/lib/widgets/theming/text.dart
@@ -59,7 +59,7 @@ class OBText extends StatelessWidget {
 
           TextStyle themedTextStyle = TextStyle(
               color: themeValueParserService.parseColor(theme.primaryTextColor),
-              fontFamilyFallback: ['NunitoSans'],
+              fontFamilyFallback: ['NunitoSans', 'Emoji'],
               fontSize: (style != null && style.fontSize != null)
                   ? style.fontSize
                   : fontSize);

diff --git a/pubspec.yaml b/pubspec.yaml
@@ -166,6 +166,11 @@ flutter:
           style: normal
         - asset: assets/fonts/VisbyRoundCF-Bold.otf
           style: italic
+    # Generic name to allow changing the emoji font later on
+    - family: Emoji
+      fonts:
+        - asset: assets/fonts/emojione.ttf
+          style: normal
     - family: ''
       fonts:
         - asset: assets/fonts/NunitoSans-Regular.ttf