move font references to template

Author: sjtrimble

packages/schematics/angular/application/files/src/index.html.template

@@ -9,15 +9,6 @@
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 
   <!-- *** 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>
     body,
     body * {

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

@@ -1,5 +1,14 @@
 <!-- *** 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;