feat(fonts): Remove custom fonts from generated app in favor of explicit instructions (#342 by @markrickert)

Author: markrickert

boilerplate/app/components/bullet-item/bullet-item.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { View, ViewStyle, ImageStyle, TextStyle } from "react-native"
 import {Text} from "../text/text"
 import {Icon} from "../icon/icon"
-import { spacing } from "../../theme"
+import { spacing, typography } from "../../theme"
 
 const BULLET_ITEM: ViewStyle = {
   flexDirection: "row",
@@ -21,7 +21,7 @@ const BULLET: ImageStyle = {
 }
 const BULLET_TEXT: TextStyle = {
   flex: 1,
-  fontFamily: "Montserrat-Regular",
+  fontFamily: typography.primary,
   color: "#BAB6C8",
   fontSize: 15,
   lineHeight: 22,

boilerplate/app/components/checkbox/checkbox.story.tsx

@@ -38,7 +38,7 @@ storiesOf("Checkbox", module)
           {({ on, toggle }) => (
             <View>
               <Checkbox
-                text="We’re an App Design & Development Team. Experts in mobile & web technologies. We create beautiful, functional mobile apps and websites. "
+                text="We’re an App Design & Development Team. Experts in mobile & web technologies. We create beautiful, functional mobile apps and websites."
                 value={on}
                 multiline
                 onToggle={toggle}

boilerplate/app/screens/welcome-screen/welcome-screen.tsx.ejs

@@ -3,7 +3,7 @@ import { View, Image, ViewStyle, TextStyle, ImageStyle, SafeAreaView } from "rea
 import { useNavigation } from "@react-navigation/native"
 import { observer } from "mobx-react-lite"
 import { Button, Header, Screen, Text, Wallpaper } from "../../components"
-import { color, spacing } from "../../theme"
+import { color, spacing, typography } from "../../theme"
 const bowserLogo = require("./bowser.png")
 
 const FULL: ViewStyle = { flex: 1 }
@@ -13,7 +13,7 @@ const CONTAINER: ViewStyle = {
 }
 const TEXT: TextStyle = {
   color: color.palette.white,
-  fontFamily: "Montserrat",
+  fontFamily: typography.primary,
 }
 const BOLD: TextStyle = { fontWeight: "bold" }
 const HEADER: TextStyle = {