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

Question

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

(见附图)

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

Answer 1

这是不可能在HTML据我所知直接指定字形,但你可以通过CSS使用样式集等的OpenType功能font-feature-settings和font-variant.浏览器支持非常好.

例:

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

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

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

• Thisarmy的'fontinfo'工具:http://code.thisarmy.com/fontsinfo/