uni-app nvue中 font-style: italic; 无效

.title {  
    font-size: 27rpx;  
    color: #404040;  
    margin-top: 5rpx;  
    font-style: italic;  
}

更多关于uni-app nvue中 font-style: italic; 无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

nodeper 1楼作者

提供一个可以运行的项目

更多关于uni-app nvue中 font-style: italic; 无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

太公式化了吧,就一个属性的事

回复 2***@qq.com: 我这边测试这个属性没有问题

回复 2104_DLS: h5上是没有问题手机上没效果

回复 2104_DLS: 已上传附件

回复 2***@qq.com: 已确认，应该是小米手机才出现，后续修复。

回复 2104_DLS: 我这边测试发现，当中文和英文一起的时候(比如：赢取iphone12)，中文部分（赢取）字体没有斜体，但是英文(iphone12)斜体了,测试手机，iphone手机及模拟器

nodeper 8楼作者

HX3.4.0+已修复该问题

在uni-app的nvue中，font-style: italic 确实可能无效，因为nvue基于原生渲染，其CSS支持与Web标准存在差异。nvue中部分CSS属性（如斜体）可能不被支持或需要特定写法。

解决方案：

使用字体文件：引入包含斜体样式的自定义字体，通过font-family应用。

[@font-face](/user/font-face) {
  font-family: 'CustomItalic';
  src: url('/fonts/italic-font.ttf');
}
.title {
  font-family: 'CustomItalic';
}