Fix the font-family of .fields, it should depend on the style.

css/photon.css

@@ -3,6 +3,9 @@
   background-color: #DDD;
   border-color: #CCC;
 }
+:root.photon .field {
+  font-family: arial, helvetica, sans-serif;
+}
 :root.photon .field:focus {
   border-color: #EA8;
 }

css/style.css

@@ -11,7 +11,7 @@
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #333;
-  font: 13px sans-serif;
+  font-size: 13px;
   margin: 0;
   padding: 2px 4px 3px;
   outline: none;

css/tomorrow.css

@@ -3,6 +3,9 @@
   background-color: #282A2E;
   border-color: #111;
 }
+:root.tomorrow .field {
+  font-family: arial, helvetica, sans-serif;
+}
 :root.tomorrow .field:focus {
   border-color: #000;
 }

css/yotsuba-b.css

@@ -3,6 +3,9 @@
   background-color: #D6DAF0;
   border-color: #B7C5D9;
 }
+:root.yotsuba-b .field {
+  font-family: arial, helvetica, sans-serif;
+}
 :root.yotsuba-b .field:focus {
   border-color: #98E;
 }

css/yotsuba.css

@@ -3,6 +3,9 @@
   background-color: #F0E0D6;
   border-color: #D9BFB7;
 }
+:root.yotsuba .field {
+  font-family: arial, helvetica, sans-serif;
+}
 :root.yotsuba .field:focus {
   border-color: #EA8;
 }