Html 如何获得自定义字体的粗体版本？

我已经使用了CSS命令

@font-face { font-family: myFont; src: url('MyFont.otf'); } 

在HTML站点上安装我自己的字体

现在，当我使用

标记时，我没有看到它的粗体版本。我该怎么做才能让它工作

---

谢谢。

您可以使用字体大小

@font-face {
font-family: "xyz";
src: url("xyz.ttf");
font-weight: bold;
font-style: italic, oblique;
}

---

你可以使用字体大小

@font-face {
font-family: "xyz";
src: url("xyz.ttf");
font-weight: bold;
font-style: italic, oblique;
}

---

您必须在MyFontBold.otf上创建链接。斜体、粗体、中、半粗体、细体这是不同的字体文件。范例

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/LKf8nhXsWg5ybwEGXk8UBQ.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/0XxGQsSc1g4rdRdjJKZrNBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: local('PT Sans Italic'), local('PTSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/PIPMHY90P7jtyjpXuZ2cLD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/lILlYDvubYemzYzN7GbLkHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

---

在此代码之后，您可以使用字体的粗体、斜体和其他属性，您必须在MyFontBold.otf上创建链接。斜体、粗体、中、半粗体、细体这是不同的字体文件。范例

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/LKf8nhXsWg5ybwEGXk8UBQ.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/0XxGQsSc1g4rdRdjJKZrNBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: local('PT Sans Italic'), local('PTSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/PIPMHY90P7jtyjpXuZ2cLD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/lILlYDvubYemzYzN7GbLkHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

---

在此代码之后，您可以使用字体的粗体、斜体和其他属性使用

bold

tag

使用

bold

tag

我想它应该可以在没有额外字体权重的情况下工作，请参见。我必须有粗体版本的字体吗？不可能使用“权重”属性来伪造它吗？某些浏览器可以这样做，但它不具备跨浏览器兼容性。我想它应该可以在没有额外字体权重的情况下工作，请参见。我必须有粗体版本的字体吗？不可能使用“权重”属性来伪造它吗？有些浏览器可以这样做，但这不是跨浏览器兼容性Font weight对我不起作用。我必须有一个粗体版本的字体，或者它会与任何字体一起工作。事实上，如果浏览器找不到粗体和斜体字体，它会尝试伪造粗体和斜体字体。字体重量对我不起作用。我必须要有一个粗体版本的字体，或者它会与任何字体一起工作。实际上，如果浏览器找不到粗体和斜体，它会试图伪造它们不要将元素与或元素混淆。元素表示具有一定重要性的文本，强调文本，元素表示具有一定相关性的文本。元素不传递这种特殊的语义信息；仅在没有其他适合的情况下使用。不要将该元素与或元素混淆。元素表示具有一定重要性的文本，强调文本，元素表示具有一定相关性的文本。元素不传递这种特殊的语义信息；只有在没有其他适合的情况下才使用它。”