Html CSS：随机显示为斜体的文本，<；字体风格：普通&燃气轮机；什么都不会改变

所以我的问题是，我有一个关于列表的练习，我正在做，我从Google字体导出了字体Exo 2，如下所示：

@font-face {
    font-family: 'Exo 2', sans-serif;
    src: url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300&display=swap');
}

但是当我将字体分配给像

h1

和

h2

这样的东西，并添加

font-weight:500

（因为默认的

h1

font-weight对于我正在使用的样式来说太重了），字体随机变为斜体。当我试图使用

font-style:normal强制它恢复正常时，它只是保持这样。唯一不使用斜体的方法是保留默认权重

为什么会这样？我怎样才能解决这个问题

MRE：

HTML


@font-face{
字体系列：“Exo 2”，无衬线；
src:url（'https://fonts.googleapis.com/css2?family=Exo+2:wght@300&显示=交换'；
}
*{
字体系列：“Exo 2”，无衬线；
}
h1，h2{
字号：500；
字体风格：普通；
}
Mugekenaga
科梅吉
福米卡塔利酒店
多米卡塔利
（如果没有，请在顶部指定
）

尝试以以下方式导入google字体：

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">

html

Komeji
福米卡塔利酒店
多米卡塔利

只是一个旁注，这取决于您使用的浏览器，有时对于h1~h*字体权重的数值可能无法识别

我在chrome上试过这段代码，看起来所有100~900字体都很好。为了您的方便，我将完整的代码放在下面



文件
*{字体系列：'Exo 2'，无衬线；}
h1，h2{字体大小：30px；字体重量：300；}
科梅吉
福米卡塔利酒店
多米卡塔利
试试
！重要的
并查看它是否适合您。
  *{font-family: 'Exo 2', sans-serif;}
  h1,h2{font-size: 30px; font-weight: 300;}

<h2>Komeji</h2>
<ol>
    <li>Fomikatarye</li>
    <li>Domikatarye</li>
</ol>