字体系列“Rounded-elegant”关于更改字体粗细的错误答案

【问题标题】：Font-family "Rounded-elegant" Bugg on change font-weight字体系列“Rounded-elegant”关于更改字体粗细的错误
【发布时间】：2020-12-04 15:28:57
【问题描述】：

当我将文本大小更改为粗体时，字母 p 和 q 不会进行更改，并重新格式化为其他内容。

enter image description here

【问题讨论】：

请在帖子中包含一个最小的代码示例以便更好地理解。

标签： css fonts font-family

【解决方案1】：

您可以通过在 HTML 文件头中使用 google fonts 链接来解决此问题，正如您在我的代码中看到的那样，我在 [google fonts] 的帮助下使用了多种字体[1 ]。前往谷歌字体网站后，您需要选择您的字体，只需复制链接并粘贴到您的 html 文件中

示例如下：

<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Open+Sans:wght@300&display=swap" rel="stylesheet">
  <link rel="preconnect" href="https://fonts.gstatic.com">

希望此解决方案能纠正您的代码错误 [1]：https://fonts.google.com/

【讨论】：

【解决方案2】：

我认为这实际上与此问题相同，其中包括一个前后代码示例，您可以与自己的代码示例进行比较：https://stackoverflow.com/a/65161680/864799

字体中可能存在轮廓问题，以及一些人造粗体。您拥有的 HTML 元素是否可能默认情况下已经加粗，例如。 <h1>?

如果是这样，请尝试在您应用字体的位置添加：

h1 {
  font-family: "The name of the font";
  font-weight: normal;
}

【讨论】：