Bug 1139174 - Use Georgia and Helvetica/Arial as Reader View Fonts until Fira and Charis land. r=margaret, r=dolske, a=sledru
authorMarkus Jaritz <mjaritz@mozilla.com>
Wed, 18 Mar 2015 18:49:14 -0700
changeset 258265 079e210207b9
parent 258264 a1214cc8c57e
child 258266 fd67405ba1de
push id4632
push userryanvm@gmail.com
push date2015-04-06 15:16 +0000
treeherdermozilla-beta@887be7f12f1e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmargaret, dolske, sledru
bugs1139174
milestone38.0
Bug 1139174 - Use Georgia and Helvetica/Arial as Reader View Fonts until Fira and Charis land. r=margaret, r=dolske, a=sledru
toolkit/themes/windows/global/aboutReader.css
--- a/toolkit/themes/windows/global/aboutReader.css
+++ b/toolkit/themes/windows/global/aboutReader.css
@@ -23,21 +23,21 @@ body {
 
 .sepia,
 .sepia-button {
   color: #333333;
   background-color: #f0ece7;
 }
 
 .sans-serif {
-  font-family: sans-serif;
+  font-family: "Fira Sans", Helvetica, Arial, sans-serif;
 }
 
 .serif {
-  font-family: serif;
+  font-family: "Charis SIL", Georgia, "Times New Roman", serif;
 }
 
 .font-size1 {
   font-size: 10px;
 }
 
 .font-size2 {
   font-size: 12px;
@@ -88,17 +88,17 @@ body {
   text-align: start;
   display: none;
 }
 
 .domain {
   font-size: 0.9rem;
   line-height: 1.33rem;
   padding-bottom: 4px;
-  font-family: sans-serif;
+  font-family: "Fira Sans", Helvetica, Arial, sans-serif;
   text-decoration: none;
   border-bottom: 1px solid;
   color: #0095dd;
 }
 
 .light > .container > .header > .domain,
 .sepia > .container > .header > .domain {
   border-bottom-color: #333333;
@@ -226,17 +226,17 @@ body {
 .content ol {
   -moz-padding-start: 30px;
   list-style: decimal;
 }
 
 /*======= Controls toolbar =======*/
 
 .toolbar {
-  font-family: sans-serif;
+  font-family: "Fira Sans", Helvetica, Arial, sans-serif;
   position: fixed;
   height: 100%;
   top: 0px;
   left: 0px;
   margin: 0;
   padding: 0;
   list-style: none;
   background-color: #FBFBFB;
@@ -391,17 +391,17 @@ body {
 }
 
 /* Only used on Android */
 #font-size-sample {
   display: none;
 }
 
 .serif-button {
-  font-family: serif;
+  font-family: "Charis SIL", Georgia, "Times New Roman", serif;
 }
 
 .minus-button,
 .plus-button {
   background-color: transparent;
   border: 0;
   height: 50px;
   background-size: 18px 18px;