如何在 HTML 中使用 TTF 作为字体系列

Question

有人可以帮忙吗？我正在尝试将 magnum 字体（附有 URL）引用到我的 HTML 中。我尝试使用 src:url("Fonts/Magnum.ttf") 从我将其上传到文件管理器的位置，但仍然没有成功，因此尝试使用以下内容，但它不起作用。

@font-face{
  font-family: 'MyWebFont';
  src: url("/https://fontmeme.com/fonts/magnum-fakhrul-razi-font/")
  format('truetype'), 
}

谢谢你！

Answer 1

该网址不是字体的链接，而是一个网站，您可以在其中下载该字体的链接。

您应该将其放入您的网站中，然后在 CSS 中“描述”它：

@font-face {
  font-family: 'MyWebFont';
  src: url('path/to/your/font.ttf');
}

然后，无论您想要使用此字体设置样式，请使用font-family: 'MyWebFont'，请注意该font-family名称必须与上面给出的名称相同：

.myStyle {
  font-family: 'MyWebFont'
}

在这里找到更多信息@font-face：https ://developer.mozilla.org/en-US/docs/Web/CSS/@font-face