@font-face { font-family: "SourceHanSansSC"; src: url("./SourceHanSansSC-Regular.otf") format("opentype"); font-style: normal; font-weight: normal; } body { font-family: SourceHanSansSC-Regular,sans-serif; font-style: italic; }字体路径是对的,但是还是无法通过${xxx}来展示中文斜体
时间: 2024-02-14 21:08:09 浏览: 153
css中引入指定字体@font-face兼容各浏览器的问题
5星 · 资源好评率100%
如果你想要在页面中展示中文斜体,可以尝试使用 CSS 中的 `font-style` 属性来设置斜体,同时使用 `font-weight` 属性来设置字体的粗细。例如:
```css
@font-face {
font-family: "SourceHanSansSC";
src: url("./SourceHanSansSC-Regular.otf") format("opentype");
font-style: normal;
font-weight: normal;
}
body {
font-family: SourceHanSansSC, sans-serif;
font-style: italic;
font-weight: bold;
}
```
在这个例子中,我们将 `font-style` 属性设置为 `italic`,使字体变为斜体。同时,我们设置了 `font-weight` 属性为 `bold`,使字体加粗。这样设置后,中文文字应该可以正常显示斜体了。
阅读全文