webui: minimize webui flicker.

ui/webui/resources/css/widgets.css

Index: ui/webui/resources/css/widgets.css
diff --git a/ui/webui/resources/css/widgets.css b/ui/webui/resources/css/widgets.css
index e4c7a5976e3001f0cea9573050babdad63be1376..abefe1af9da81d6d202fb02ea60025b3f7497cdf 100644
--- a/ui/webui/resources/css/widgets.css
+++ b/ui/webui/resources/css/widgets.css
@@ -8,6 +8,13 @@
 
 /* Default state **************************************************************/
 
+body {
+  /* This is the default for most locales and platforms. It exists here to
+   * minimize flicker when first showing pages. It's overriden by the actual
+   * font size (IDS_WEB_FONT_SIZE) via JS later, usually to the same value. */
+  font-size: 75%;

[Evan Stade, 2014/11/22 05:14:44]

I don't know if this is the right file for this. "This file defines styles for
form controls..."

Why not do the same thing as with the font family and size?

[Dan Beam, 2014/11/25 19:52:34]

moved to a new, smaller "text_defaults.css" that's processed by the C++ data
handler to have the right values sooner in page load.  ptal.

+}
+
 :-webkit-any(button,
              input[type='button'],
              input[type='submit']):not(.custom-appearance),