CSS 修改不适用于 Amazon Kindle Cloud Reader答案

【问题标题】：CSS Modifications Won't Work for Amazon Kindle Cloud ReaderCSS 修改不适用于 Amazon Kindle Cloud Reader
【发布时间】：2018-05-22 16:51:35
【问题描述】：

Kindle Cloud Reader 使用的默认字体是 Georgia，它在 Windows ClearType 的渲染下显示得很糟糕。使用@font-face 通常是更换某个字体系列的简单方法。在这里，我使用了来自 Google Fonts 的 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;
}

类似的脚本适用于无数网站。但是，它不适用于 Amazon Kindle Cloud Reader。在检查元素工具中手动更改字体系列值将不起作用。为更改 Kindle Cloud Reader 上的字体而创建的时尚风格或 Greasemonkey 脚本也不起作用。

任何人都可以尝试修改 Kindle Cloud Reader 中的字体吗？

【问题讨论】：

标签： html css fonts

【解决方案1】：

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

【讨论】：