0

我遇到了 google 字体的问题 - 我需要使用变音符号、ěščřžýáíé 等字符...,当我在 google 字体“弹出”页面中编辑字体页面时,它可以工作,但是当我使用默认生成的代码时“快速使用”页面,变音符号不起作用......

最终我通过检查谷歌“快速使用”页面的源代码找到了解决方案。

下面解决...

4

1 回答 1

2

2021 年编辑:不要将新的“自动检测”unicode-range功能与变音符号支持混淆!(它不是)

最近添加了一个新功能,导致删除了subset=...参数,因为大多数当前的现代浏览器都支持unicode-range @font-face属性。

但是,不要将此与该语言集中所有变音符号的实际支持混淆,这不是. 那一个仍然取决于每个单独的字体,这意味着截至 2021 年,这个答案仍然有效。从历史上看,如果您不希望浏览器下载所有可能的子集,您必须定义子集(可能unicode-range只包含您的变音符号/字符),现在浏览器 - 如果s 定义正确 - 可以选择这些子集,这仍然只是可能, 自动为您包含该字符。

2021界面

注意:SET 并不
总是保证所有字符!

拉丁文延伸谨慎

例如,字体具有拉丁扩展集的事实并不意味着它具有所有 caron / ring letter-variants - 特别是“ů”经常丢失......
对于任何包含变音符号的语言,我都会非常谨慎 - 总是首先用Pangram测试它

甚至界面最近也发生了变化,现在,在 2021 年(2 月),步骤如下:

  1. Find a Pangram =“使用给定字母表的每个字母的句子至少一次” - 一次测试整套目标语言
  2. 访问http://www.google.com/fonts/
  3. 在中间的某个地方,您应该看到一个带有占位符的输入,上面写着“键入一些东西” - 如果没有,它应该是搜索旁边的那个,您可以从中选择“自定义”(或转到此重置链接 - https://fonts.google.com/?preview.text=&preview.text_type=custom
  4. 在输入中填写您的Pangram
  5. 小心,检查来自 Pangram AKA 目标字母表的每个字母的每个字母。

旧答案/界面:

他们中的许多人都这样做,要了解他们是否包含您的字符,请访问 http://www.google.com/fonts/并找到您的字体,通过“弹出”按钮打开它并查找您的字符。如果字体包含您需要的字符,请返回并单击“快速使用”按钮 - 这将打开页面,您可以在其中调整一些选项,它会为您的页面生成代码 - 如下所示:

<link href='http://fonts.googleapis.com/css?family=Meie+Script' rel='stylesheet' type='text/css'>

现在您有 2 个选项:

  1. 您不太关心页面加载 -只需将 &subset=all 添加到 href 属性,链接将加载字体具有的所有字符。所以你会有这样的东西:

<link href='http://fonts.googleapis.com/css?family=Meie+Script&subset=all' rel='stylesheet' type='text/css'>

  1. 但是,如果您确实关心页面加载,则应仅加载所需的字符集-在生成要使用的代码的 google 字体页面上-注意“2.选择所需的字符集:”部分-您可以使用(“快速使用”页面)选择你将使用的字符集,你会得到类似的东西

<link href='http://fonts.googleapis.com/css?family=Meie+Script&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

请注意,现在 &subset 属性中有一个字符集列表。

于 2013-07-29T11:24:28.440 回答