Override default browser font-family for inputs

For consistent typography, explicitly declare font-family stack for `input` in addition to `html` (in Chrome and Safari on mac, the input will otherwise use default font for such elements, like Lucida Grande)
socketio · Jun 28, 2014 · 001373e · 001373e
1 parent 246f3bb
commit 001373e
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/examples/chat/public/style.css b/examples/chat/public/style.css
@@ -5,6 +5,11 @@
 }
 
 html {
+  font-weight: 300;
+  -webkit-font-smoothing: antialiased;
+}
+
+html, input {
   font-family:
     "HelveticaNeue-Light",
     "Helvetica Neue Light",
@@ -13,8 +18,6 @@ html {
     Arial,
     "Lucida Grande",
     sans-serif;
-  font-weight: 300;
-  -webkit-font-smoothing: antialiased;
 }
 
 html, body {
@@ -144,4 +147,4 @@ ul {
   position: absolute;
   right: 0;
   width: 100%;
-}
+}