【发布时间】:2019-09-06 15:22:22
【问题描述】:
当我在我的 CSS 代码中添加备用字体时,我的网站不再显示我已激活的 opentype 功能。为什么是这样?
Opentype 功能适用于:font-family: "Ogg-Roman";
Opentype 功能不起作用:font-family: "Ogg-Roman", Georgia, serif;
这是我的网站:https://cpdesignery.com/
@font-face {
font-family: "Ogg-Roman", Georgia, serif;
src: url('https://cpdesignery.com/wp-content/uploads/2019/01/Ogg-Roman.eot');
src: url('https://cpdesignery.com/wp-content/uploads/2019/01/Ogg-Roman.eot?#iefix') format('embedded-opentype'),
url('https://cpdesignery.com/wp-content/uploads/2019/01/Ogg-Roman.woff2') format('woff2'),
url('https://cpdesignery.com/wp-content/uploads/2019/01/Ogg-Roman.woff') format('woff');
}
h1, h2, h3, h4 {
-webkit-font-feature-settings: "ss01" on, "ss03" on;
-moz-font-feature-settings: "ss01" on, "ss03" on;
-ms-font-feature-settings: "ss01" on, "ss03" on;
font-feature-settings: "ss01" on, "ss03" on;
}
【问题讨论】:
-
你能解释一下到底是什么不工作吗?查看该起始页的 h1 标题,当我使用开发工具在两个变体之间切换时,我没有看到 anything 发生变化。 (在 Chrome 中,不确定它是否支持您首先提到的任何功能。)
-
明白了。当我像这样从 CSS 中取出后备字体时: (font-family: "Ogg-Roman";) 它可以工作。但是当我像这样将后备字体添加到 CSS 中时:(font-family: "Ogg-Roman", Georgia, serif;) opentype 功能停止工作。
-
是的,我第一次知道...但是 究竟是什么停止工作是我想知道的(您具体在谈论哪些功能,您的页面上的确切位置可以我们看到它们在行动),因为正如我所说,在开发工具中简单地在两者之间切换时,我无法重现您的问题。 (或者后者不会重现问题,并且它实际上需要在页面加载时从一开始就在样式表中?)
-
我打开的特定 Opentype 功能是:“ss01”,它改变了这些样式集:g y ÿ ĝ ğ ġ ģ ŷ。
-
Opentype 已激活:tinypic.com/r/24686kz/9