<div id="font-settings" class="page hidden">
  <h1 i18n-content="fontSettingsPage"></h1>
  <section>
    <h3 i18n-content="fontSettingsStandard"></h3>
    <div class="font-input-div">
      <div>
        <select id="standard-font-family" class="font-input" dataType="string"
            pref="webkit.webprefs.standard_font_family"
            metric="Options_ChangeStandardFont" disabled></select>
      </div>
      <div>
        <input id="standard-font-size" type="range" min="0" max="24"
            pref="webkit.webprefs.default_font_size">
        <div>
          <span i18n-content="fontSettingsSizeTiny"></span>
          <span i18n-content="fontSettingsSizeHuge" class="font-settings-huge">
          </span>
        </div>
      </div>
    </div>
    <div id="standard-font-sample" class="font-sample-div"></div>
  </section>
  <section>
    <h3 i18n-content="fontSettingsSerif"></h3>
    <div class="font-input-div">
      <div>
        <select id="serif-font-family" class="font-input" dataType="string"
            pref="webkit.webprefs.serif_font_family"
            metric="Options_ChangeSerifFont" disabled></select>
      </div>
    </div>
    <div id="serif-font-sample" class="font-sample-div"></div>
  </section>
  <section>
    <h3 i18n-content="fontSettingsSansSerif"></h3>
    <div class="font-input-div">
      <div>
        <select id="sans-serif-font-family" class="font-input" dataType="string"
            pref="webkit.webprefs.sansserif_font_family"
            metric="Options_ChangeSansSerifFont" disabled></select>
      </div>
    </div>
    <div id="sans-serif-font-sample" class="font-sample-div"></div>
  </section>
  <section>
    <h3 i18n-content="fontSettingsFixedWidth"></h3>
    <div class="font-input-div">
      <div>
        <select id="fixed-font-family" class="font-input" dataType="string"
            pref="webkit.webprefs.fixed_font_family"
            metric="Options_ChangeFixedFont" disabled></select>
      </div>
    </div>
    <div id="fixed-font-sample" class="font-sample-div"></div>
  </section>
  <section>
    <h3 i18n-content="fontSettingsMinimumSize"></h3>
    <div class="font-input-div">
      <div>
        <input id="minimum-font-size" type="range" min="0" max="15"
            pref="webkit.webprefs.minimum_font_size">
        <div>
          <span i18n-content="fontSettingsSizeTiny"></span>
          <span i18n-content="fontSettingsSizeHuge" class="font-settings-huge">
          </span>
        </div>
      </div>
    </div>
    <div id="minimum-font-sample"></div>
  </section>
  <section>
    <h3 i18n-content="fontSettingsEncoding"></h3>
    <div class="font-input-div">
      <div>
        <select id="font-encoding" dataType="string"
            pref="intl.charset_default" metric="Options_ChangeFontEncoding"
            disabled></select>
      </div>
    </div>
  </section>
</div>