我可以在 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>
关于 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
'fontinfo' Thisarmy 的工具:http://code.thisarmy.com/fontsinfo/
我在 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>
关于
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'fontinfo' Thisarmy 的工具:http://code.thisarmy.com/fontsinfo/