如何将TTF用作HTML中的字体系列

如何解决如何将TTF用作HTML中的字体系列

有人可以帮忙吗？我正在尝试将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'),}

谢谢！

解决方法

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

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

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

，然后，无论您想使用这种字体作为样式，都使用font-family: 'MyWebFont'，请注意font-family的名称必须与上面给出的名称相同：

.myStyle {
  font-family: 'MyWebFont'
}

在https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face处找到有关@font-face的更多信息

,

在我访问该网站https://fontmeme.com/fonts/magnum-fakhrul-razi-font/并下载了适用于我的字体之后。注意，我将字体与HTML文件放在同一文件夹中只是为了进行测试。您可能需要将其放入字体/或类似字体中。

<style>
@font-face{
  font-family: 'MyWebFont';
  src: url(magnum.ttf); 
}
div {
  font-family: MyWebFont,Courier;
}
</style>
<div>Some text</div>