src/chrome/browser/resources/options/font_settings.html

   1 <div id="font-settings" class="page" hidden>
   2   <div class="close-button"></div>
   3   <h1 i18n-content="fontSettingsPage"></h1>
   4   <div class="content-area">
   5     <section>
   6       <h3 i18n-content="fontSettingsStandard"></h3>
   7       <div class="font-setting-container">
   8         <div class="font-input-div">
   9           <div>
  10             <select id="standard-font-family" class="font-input"
  11                 data-type="string" metric="Options_ChangeStandardFont"
  12                 pref="webkit.webprefs.fonts.standard.Zyyy">
  13             </select>
  14           </div>
  15           <div>
  16             <input id="standard-font-size" type="range" min="0" max="24"
  17                 pref="webkit.webprefs.default_font_size">
  18             <div>
  19               <span i18n-content="fontSettingsSizeTiny"></span>
  20               <span i18n-content="fontSettingsSizeHuge"
  21                   class="font-settings-huge">
  22               </span>
  23             </div>
  24           </div>
  25         </div>
  26         <div id="standard-font-sample" class="font-sample-div"></div>
  27       </div>
  28     </section>
  29     <section>
  30       <h3 i18n-content="fontSettingsSerif"></h3>
  31       <div class="font-setting-container">
  32         <div class="font-input-div">
  33           <div>
  34             <select id="serif-font-family" class="font-input" data-type="string"
  35                 pref="webkit.webprefs.fonts.serif.Zyyy"
  36                 metric="Options_ChangeSerifFont">
  37             </select>
  38           </div>
  39         </div>
  40         <div id="serif-font-sample" class="font-sample-div"></div>
  41       </div>
  42     </section>
  43     <section>
  44       <h3 i18n-content="fontSettingsSansSerif"></h3>
  45       <div class="font-setting-container">
  46         <div class="font-input-div">
  47           <div>
  48             <select id="sans-serif-font-family" class="font-input"
  49                 data-type="string" metric="Options_ChangeSansSerifFont"
  50                 pref="webkit.webprefs.fonts.sansserif.Zyyy">
  51             </select>
  52           </div>
  53         </div>
  54         <div id="sans-serif-font-sample" class="font-sample-div"></div>
  55       </div>
  56     </section>
  57     <section>
  58       <h3 i18n-content="fontSettingsFixedWidth"></h3>
  59       <div class="font-setting-container">
  60         <div class="font-input-div">
  61           <div>
  62             <select id="fixed-font-family" class="font-input" data-type="string"
  63                 pref="webkit.webprefs.fonts.fixed.Zyyy"
  64                 metric="Options_ChangeFixedFont">
  65             </select>
  66           </div>
  67         </div>
  68         <div id="fixed-font-sample" class="font-sample-div"></div>
  69       </div>
  70     </section>
  71     <section>
  72       <h3 i18n-content="fontSettingsMinimumSize"></h3>
  73       <div class="font-setting-container">
  74         <div class="font-input-div">
  75           <div>
  76             <input id="minimum-font-size" type="range" min="0" max="15"
  77                 pref="webkit.webprefs.minimum_font_size">
  78             <div>
  79               <span i18n-content="fontSettingsSizeTiny"></span>
  80               <span i18n-content="fontSettingsSizeHuge"
  81                   class="font-settings-huge">
  82               </span>
  83             </div>
  84           </div>
  85         </div>
  86         <div id="minimum-font-sample" class="font-sample-div"></div>
  87       </div>
  88     </section>
  89     <section>
  90       <h3 i18n-content="fontSettingsEncoding"></h3>
  91       <div class="font-input-div">
  92         <div>
  93           <select id="font-encoding" data-type="string"
  94               pref="intl.charset_default"
  95               metric="Options_ChangeFontEncoding">
  96           </select>
  97         </div>
  98       </div>
  99     </section>
 100   </div>
 101   <div class="action-area">
 102     <div class="button-strip">
 103       <span id="advanced-font-settings-install" hidden
 104           i18n-values=".innerHTML:advancedFontSettingsInstall"></span>
 105       <a is="action-link" id="advanced-font-settings-options"
 106           i18n-content="advancedFontSettingsOptions" hidden></a>
 107       <span class="spacer"></span>
 108       <button id="font-settings-confirm" class="default-button"
 109           i18n-content="done">
 110       </button>
 111     </div>
 112   </div>
 113 </div>