Css 样式化的unicode箭头不与Google字体web字体一起显示

我正在尝试在网页上使用字体源代码Pro，同时在其字体中可以看到华丽的箭头

我使用谷歌字体在我的页面上添加字体，谷歌字体没有在页面上列出箭头。但是如果你从样本页面复制/粘贴一些箭头，或者它们看起来像我期望的那样

当我使用谷歌字体告诉我在我的网页上使用它的字体时，所有其他文本都会变成源代码专业版，但箭头会默认回到系统默认字体（对于我来说是Arial）

以下是一个例子：

@导入url（'https://fonts.googleapis.com/css?family=Source+代码+Pro'）；
.集装箱{
边界塌陷：塌陷；
}
运输署{
字体大小：96px；
}
td，th{
边框：0.1rem实心#C3C3；
填充：0.5雷姆；
}
.row无衬线{
字体系列：无衬线；
}
.row源代码专业版{
字体系列：“源代码专业版”，无衬线；
}

字体系列
A.
左边
赖特
无衬线
A.
←
→
源代码专业版
A.
←
→

如果加载为字体导入的URL：您将看到定义的

@font-face

设置了

unicode范围。该范围不包括U+02190-U+02199，箭头位于该范围内

这是谷歌优化他们的API。声明有一个可选的
子集
参数，您可以通过该参数获得超过基本范围的值。当您选中
拉丁文扩展
复选框时，Google字体生成器会向URL添加相同的属性

我找不到任何定义的
子集
，它返回箭头的unicode范围。但是，文档中列出了另一个可选参数，名为
text
<代码>文本

仅返回可处理通过的特定字符的

@字体面

由于

文本

仅限于这些字符，我还没有找到一种方法让谷歌字体在箭头旁边返回基本的

拉丁

字符。这似乎是GoogleFontsAPI中缺少的东西，或者如果它已经存在的话，也没有很好的文档记录

作为一种解决方法，您可以在

导入上加倍，然后仅为
文本添加第二个导入=←|→（但url首先编码字符）。请注意，这并不好，因为它只为两个glyph添加了另一个完整的往返过程

例如：


@导入url（'https://fonts.googleapis.com/css?family=Source+代码+Pro'）；
@导入url（'https://fonts.googleapis.com/css?family=Source+代码+专业文本=%E2%86%90 |%E2%86%92'）；
.集装箱{
边界塌陷：塌陷；
}
运输署{
字体大小：96px；
}
td，th{
边框：0.1rem实心#C3C3；
填充：0.5雷姆；
}
.row无衬线{
字体系列：无衬线；
}
.row源代码专业版{
字体系列：“源代码Pro”，monospace；
}

字体系列
A.
左边
赖特
无衬线
A.
←
→
源代码专业版
A.
←
→