Merge pull request #439 from StephenMcConnel/BL-11186-MissingTitleCharacter

Add Andika to default font-family list for display (BL-11186)

Author: andrew-polk

src/App.tsx

@@ -36,6 +36,11 @@ export const App: React.FunctionComponent<{}> = (props) => {
                         flex-direction: column;
                         margin-left: 0;
                         height: 100%;
+                        // CssBaseLine changes the default font-family from what is set in index.css,
+                        // so we change it here again to what we want, which is Andika added to this
+                        // list of sans-serif fonts.  (BL-11186)
+                        font-family: Roboto, Noto, Andika, "Open Sans",
+                            sans-serif;
                     `}
                 >
                     {/* <React.StrictMode>

src/index.css

@@ -23,7 +23,10 @@ body,
 h1,
 h2,
 h3 {
-    font-family: "Roboto", "Noto", sans-serif;
+    /* This default font list is duplicated in App.tsx because <CssBaseLine/> effectively
+     * installs another font-family list for body.  We need Andika in the list to cover
+     * some new/rare characters used by some languages. (BL-11186) */
+    font-family: "Roboto", "Noto", "Andika", "Open Sans", sans-serif;
 }
 h1 {
     text-align: left;