MD Settings: preload Roboto bold to reduce flicker

chrome/browser/resources/settings/settings_ui/settings_ui.js

Index: chrome/browser/resources/settings/settings_ui/settings_ui.js
diff --git a/chrome/browser/resources/settings/settings_ui/settings_ui.js b/chrome/browser/resources/settings/settings_ui/settings_ui.js
index 52307933182e0026b5b1776e4d7fbef7f130da58..4150dc00a50c9b44883fbb8d78fde66d5a56a1a5 100644
--- a/chrome/browser/resources/settings/settings_ui/settings_ui.js
+++ b/chrome/browser/resources/settings/settings_ui/settings_ui.js
@@ -105,6 +105,12 @@ Polymer({
     }
   },
 
+  /** @override */
+  attached: function() {
+    // Preload bold Roboto so it doesn't load and flicker the first time used.
+    document.fonts.load('bold 12px Roboto');
+  },
+
   /**
    * @param {Event} event
    * @private