html - 我可以在 HTML 代码中使用替代字形吗？

Question

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

(见附图)

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

Answer 1

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

例子:

<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>

• 关于 font-feature-settings 的 MDN 文章:https://developer.mozilla.org/en/docs/Web/CSS/font-feature-settings

• 关于 font-variant 的 MDN 文章:https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant

• Thisarmy 的“字体信息”工具:http://code.thisarmy.com/fontsinfo/