Css pdf中显示异常行为的样式

我正在尝试在react pdf中使用斜体样式

在我使用字体样式：italic；之前，一切都很好

在pdf中是否有其他方式将文本样式设置为斜体

const Italic = styled.Text`
  font-size: 12px;
  lineheight: 20px;
  text-align: left;
  font-family: "Roboto Condensed";
  letter-spacing: 0.5px;
  font-style: italic;//problem is with this line
  font-weight:400;
`;

它给了我一个错误：

承诺中未捕获错误：无法解析未定义字体的字体，fontWeight 400

---

无论您在哪里添加后缀px都需要单引号或双引号，字体样式：valueitalic也需要双引号。

注册字体时，您需要确保为希望使用的每个字体样式包含一个变体。例如：

Font.register({
  family: 'Roboto',
  fonts: [
    { src: '<path-to-normal-font-variant>' },
    { src: '<path-to-italic-font-variant>', fontStyle: 'italic' },
    ...
  ]
});

---

尝试将字体大小、行高和字母间距放在双引号中字体大小：12px或单引号等，尽管不需要后缀px。React将自动向某些数字内联样式属性添加“px”后缀。如果要使用除“px”以外的单位，请将该值指定为具有所需单位的字符串。如果要添加该字体样式，则不会发生任何事情@Ivanpalles，斜体也应使用双引号或单引号。有关更多信息，请参阅此答案

Font.register({
  family: 'Roboto',
  fonts: [
    { src: '<path-to-normal-font-variant>' },
    { src: '<path-to-italic-font-variant>', fontStyle: 'italic' },
    ...
  ]
});