Google 字体中无法访问的字形和符号

Question

Google 字体标本 sheet 上显示的一些字形在站点上实施字体后不可用。

例如，查看 Piazzolla 的预览：

https://fonts.google.com/specimen/Piazzolla?preview.text=piazzolla%20%E2%84%A6%E2%86%92%E2%86%92%E2%86%97%E2%86%97&preview.text_type=custom&query=piazzolla#standard-styles

注意箭头是如何使用字体提供的自定义字形的。

然后，将其与使用相同字体但箭头未使用相同字形的 codepen 进行比较。

<div></div>

（随机代码块安抚Whosebug，因为问题中没有需要嵌入的代码。）

这让我相信 Google 并没有提供整个字体，可能有一种方法可以访问更多字符。

如有任何帮助，我们将不胜感激。谢谢！

Answer 1

GF API 有一个高级功能，但是你必须仔细阅读手册 (https://developers.google.com/fonts/docs/getting_started) 并知道如何使用 API 做你想做的事.

这是一个在 IBM Plex 中使用箭头的工作演示：

https://jsbin.com/neheyuxira/2/edit?html,output

以及应用相同技术的页面分叉

https://codepen.io/davelab6/pen/bGRpJQP

诀窍是首先添加一个 API URL，它使用 text API 特性来指定你想要的 unicodes（URL 编码，例如 https://r12a.github.io/app-encodings)，然后是常规的 API URL.

<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono|IBM+Plex+Sans|IBM+Plex+Sans+Condensed|IBM+Plex+Serif&text=%E2%86%B3" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono|IBM+Plex+Sans|IBM+Plex+Sans+Condensed|IBM+Plex+Serif" rel="stylesheet">

Google 字体中无法访问的字形和符号

Inaccessible glyphs and symbols in Google Fonts

unicode

webfonts

google-webfonts