我遇到了 google 字体的问题 - 我需要使用变音符号、ěščřžýáíé 等字符...,当我在 google 字体“弹出”页面中编辑字体页面时,它可以工作,但是当我使用默认生成的代码时“快速使用”页面,变音符号不起作用......
最终我通过检查谷歌“快速使用”页面的源代码找到了解决方案。
下面解决...
我遇到了 google 字体的问题 - 我需要使用变音符号、ěščřžýáíé 等字符...,当我在 google 字体“弹出”页面中编辑字体页面时,它可以工作,但是当我使用默认生成的代码时“快速使用”页面,变音符号不起作用......
最终我通过检查谷歌“快速使用”页面的源代码找到了解决方案。
下面解决...
unicode-range
功能与变音符号支持混淆!(它不是)最近添加了一个新功能,导致删除了subset=...
参数,因为大多数当前的现代浏览器都支持unicode-range
@font-face
属性。
但是,不要将此与该语言集中所有变音符号的实际支持混淆,这不是. 那一个仍然取决于每个单独的字体,这意味着截至 2021 年,这个答案仍然有效。从历史上看,如果您不希望浏览器下载所有可能的子集,您必须定义子集(可能unicode-range
只包含您的变音符号/字符),现在浏览器 - 如果s 定义正确 - 可以选择这些子集,这仍然只是可能, 自动为您包含该字符。
例如,字体具有拉丁扩展集的事实并不意味着它具有所有 caron / ring letter-variants - 特别是“ů”经常丢失......
对于任何包含变音符号的语言,我都会非常谨慎 - 总是首先用Pangram测试它
甚至界面最近也发生了变化,现在,在 2021 年(2 月),步骤如下:
他们中的许多人都这样做,要了解他们是否包含您的字符,请访问 http://www.google.com/fonts/并找到您的字体,通过“弹出”按钮打开它并查找您的字符。如果字体包含您需要的字符,请返回并单击“快速使用”按钮 - 这将打开页面,您可以在其中调整一些选项,它会为您的页面生成代码 - 如下所示:
<link href='http://fonts.googleapis.com/css?family=Meie+Script' rel='stylesheet' type='text/css'>
现在您有 2 个选项:
<link href='http://fonts.googleapis.com/css?family=Meie+Script&subset=all' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Meie+Script&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
请注意,现在 &subset 属性中有一个字符集列表。