CSS修改不适用于亚马逊Kindle Cloud Reader

时间:2018-01-26 18:47:41

标签: html css fonts

Kindle Cloud Reader使用的默认字体是Georgia,它在Windows ClearType的渲染下显示得非常糟糕。使用@font-face通常是换出某个字体系列的简单方法。在这里,我使用了来自Google字体的CSS脚本,替换了font-family值,以便使用Bitter而不是Georgia,并使用User CSS Chrome扩展程序将其附加到网站。

/* latin */
@font-face {
  font-family: 'Georgia';
  font-style: italic;
  font-weight: 400;
  src: local('Bitter Italic'), local('Bitter-Italic'), url(https://fonts.gstatic.com/s/bitter/v12/-t3SK6sofTjAH0MNf_tLaPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

/* latin */
@font-face {
  font-family: 'Georgia';
  font-style: normal;
  font-weight: 400;
  src: local('Bitter Regular'), local('Bitter-Regular'), url(https://fonts.gstatic.com/s/bitter/v12/zfs6I-5mjWQ3nxqccMoL2A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

/* latin */
@font-face {
  font-family: 'Georgia';
  font-style: normal;
  font-weight: 700;
  src: local('Bitter Bold'), local('Bitter-Bold'), url(https://fonts.gstatic.com/s/bitter/v12/evC1haE-MsorTl_A7_uSGVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

类似的脚本适用于无数网站。但是,它对亚马逊Kindle Cloud Reader不起作用。手动更改inspect元素工具中的font-family值无法正常工作。为改变Kindle Cloud Reader上的字体而创建的时尚风格或Greasemonkey脚本也不起作用。

有人可以尝试修改Kindle Cloud Reader中的字体吗?

1 个答案:

答案 0 :(得分:0)

如果您使用Chrome,则可以获得名为Force Custom Fonts的网络扩展程序。我现在用我最喜欢的打字机字体在Kindle Cloud Reader中使用它。诀窍是,一旦你在四个字段中的每个字段中设置了字体系列,点击保存并关闭选项页面。然后当你打开Kindle Cloud Reader它就会工作。