remove external font references

Author: sjtrimble

packages/schematics/angular/application/other-files/app.component.html.template

@@ -1,17 +1,8 @@
 <!-- *** Remove Template Code Below *** -->
 
-<link
-    href="https://fonts.googleapis.com/css?family=Roboto"
-    rel="stylesheet"
-  />
-  <link
-    href="https://fonts.googleapis.com/css?family=Roboto+Mono"
-    rel="stylesheet"
-  />
-
 <style>
     :host {
-      font-family: "Roboto", Arial, sans-serif;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
       font-size: 14px;
       color: #333;
       box-sizing: border-box;
@@ -185,7 +176,7 @@
     }
 
     .terminal pre {
-      font-family: "Roboto Mono", monospace;
+      font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
       color: white;
       padding: 0 1rem 1rem;
     }