字体为 SegoeUI 时 CSS 粗体无法正常工作答案

【问题标题】：CSS bold not working properly when font is SegoeUI字体为 SegoeUI 时 CSS 粗体无法正常工作
【发布时间】：2021-10-05 19:12:04
【问题描述】：

<div style={{ fontFamily: 'SegoeUI' }}>
  <b>Hello world</b>
</div>

每当我将字体设置为 SegoeUI 时，<strong> 和 <b> 标记都不起作用。如果我删除字体，它们会完美运行。任何想法为什么会这样，我该如何解决这个问题？

【问题讨论】：

这对我来说似乎很完美。（也许您正在导入的字体里面没有粗体。）检查 codepen codepen.io/parthmakadiya12-the-flexboxer/pen/GREbEoy
嗯，有点奇怪。相同的代码，在我的情况下不起作用。无论如何，谢谢，我认为问题出在字体本身的某个地方。

【解决方案1】：

试试这个：

<div style="font-family:'SegoeUI'">
            <b>Hello world</b>
        </div>

【讨论】：

【解决方案2】：

如果还是不行，可以全局定义文本属性并导入。

.font-type { 
 font-family: 'SegoeUI', bold; 
}

【讨论】：

不要发布 cmets 作为答案！
您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

【解决方案3】：

首先检查是否添加了SegoeUI粗体.ttf文件。

如果是，则使用style={{ fontWeight: 'bold' }}。

【讨论】：