MD Settings: Lazy-load sub-pages.

chrome/browser/resources/settings/appearance_page/appearance_page.html

Index: chrome/browser/resources/settings/appearance_page/appearance_page.html
diff --git a/chrome/browser/resources/settings/appearance_page/appearance_page.html b/chrome/browser/resources/settings/appearance_page/appearance_page.html
index 851f5f6ed5fafdeea2f8757d8e7b9e9ecbcd89cd..6b0ae910c7e7d53c5a6f80a32e890ced8677bd60 100644
--- a/chrome/browser/resources/settings/appearance_page/appearance_page.html
+++ b/chrome/browser/resources/settings/appearance_page/appearance_page.html
@@ -12,7 +12,7 @@
 <link rel="import" href="chrome://md-settings/controls/settings_input.html">
 <link rel="import" href="chrome://md-settings/controls/settings_radio_group.html">
 <link rel="import" href="chrome://md-settings/settings_page/settings_animated_pages.html">
-<link rel="import" href="chrome://md-settings/settings_page/settings_subheader.html">
+<link rel="import" href="chrome://md-settings/settings_page/settings_subpage.html">
 <link rel="import" href="chrome://md-settings/settings_shared_css.html">
 <link rel="import" href="appearance_fonts_page.html">
 
@@ -91,15 +91,12 @@
           </settings-dropdown-menu>
         </div>
       </neon-animatable>
-      <neon-animatable id="appearance-fonts">
-        <settings-subheader i18n-values="page-title:customizeFonts">
-        </settings-subheader>
-        <template is="dom-if" if="[[showFontsPage_(currentRoute.subpage.*)]]"
-            restamp>
+      <template is="dom-if" name="appearance-fonts">
+        <settings-subpage page-title="[[i18n('customizeFonts')]]">
           <settings-appearance-fonts-page prefs="{{prefs}}">
           </settings-appearance-fonts-page>
-        </template>
-      </neon-animatable>
+        </settings-subpage>
+      </template>
     </settings-animated-pages>
   </template>
   <script src="appearance_page.js"></script>