我可以在 HTML 代码中使用替代字形吗?

Can I use alternate glyphs in HTML code?

我在 Photoshop 中选择了一种字体,每个字母都有许多替代字形

(见附图)

在 HTML/CSS 中使用 GID 和 Unicode 引用编码时,有没有办法显示不同的字形?

据我所知,无法在 HTML 中直接指定字形,但您可以通过 font-feature-settings 和 [= 在 CSS 中使用样式集和其他 OpenType 功能12=]。浏览器支持出奇的好。

示例:

<p>A quick brown fox jumps over the lazy dog.</p>
<p>A quick brown fox jumps over the lazy do<span class="ss01">g</span>.</p>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100');

body {
  font-size: 48px;
  text-align: center;
  font-family: "Roboto Slab";
  font-weight: 100;
  font-style: normal;
}

.ss01 {
  font-feature-settings: "ss01" 1;
}
</style>