首页 > 解决方案 > Google 字体中无法访问的字形和符号

问题描述

在网站上实施字体后,Google 字体样本表上显示的某些字形将不可用。

例如,查看 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>

(随机代码块来安抚stackoverflow,因为没有代码需要嵌入到问题中。)

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

任何帮助将不胜感激。谢谢!

标签: unicodewebfontsgoogle-webfonts

解决方案


GF API 对此具有高级功能,但您必须仔细阅读手册 ( https://developers.google.com/fonts/docs/getting_started ) 并了解如何使用 API 来做您想做的事。

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

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

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

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

诀窍是首先添加一个 API URL,它使用textAPI 功能来指定您想要的 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">

推荐阅读