使用 CSS 显示替代字体字符

Display alternative font character with CSS

提问人:Gabrielle Gendron 提问时间:7/22/2023 更新时间:7/22/2023 访问量:53

问:

我正在Squarespace上建立一个网站,并且正在使用我购买的网络字体。它有一个我想使用的“A”的替代项,而不是默认值。

在 Squarespace 的 CSS 面板中,我已经能够在连字中插入我的字体、代码 - 但我无法弄清楚这一点。

Illustrator 中该替代项 A 的字形面板为:

U+0041 备择方案#0 (aalt0)

我什至不知道该尝试什么。

CSS 字符 WebFonts Squarespace 字形

评论


答:

1赞 Yash Tiwari 7/22/2023 #1

试试这个 -

.your-element-class {
  font-feature-settings: "aalt" 1; /* Enable the alternative "A" glyph */
  -webkit-font-feature-settings: "aalt" 1; /* For better compatibility with Safari */
}

替换为您的类/ID 名称your-element-class

评论

1赞 Gabrielle Gendron 7/22/2023
非常感谢!这奏效了!!