unicode - Google 字体中无法访问的字形和符号
问题描述
在网站上实施字体后,Google 字体样本表上显示的某些字形将不可用。
例如,查看 Piazzolla 的预览:
注意箭头是如何使用字体提供的自定义字形的。
然后,将其与使用相同字体但箭头未使用相同字形的codepen进行比较。
<div></div>
(随机代码块来安抚stackoverflow,因为没有代码需要嵌入到问题中。)
这让我相信谷歌并没有提供整个字体,并且可能有一种方法可以访问更多字符。
任何帮助将不胜感激。谢谢!
解决方案
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,它使用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">
推荐阅读
- javascript - JS Canvas Drawing 有时只能工作?
- python - Matplotlib 条形图给出了过多的条形宽度
- ios - 搜索栏仅返回数据数组中的第一个元素
- docker - AWS ECS awsvpc 在本地主机上没有通信
- python - 在使用交换函数之前交换数组
- next.js - Nextjs 10 .process.env.local 变量未定义
- flutter - 如何用新项目复制我自己创建的颤振项目
- java - 正则表达式检查带小数的字母数字,但仅拒绝字母数字、字母或数字
- google-apps-script - 根据 Google 表格中的下拉选择显示特定标签
- node.js - 如何使用电子在桌面上打开外部应用程序