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

如何在HTML中使用TTF作为字体系列,html,css,font-face,webfonts,truetype,Html,Css,Font Face,Webfonts,Truetype,有人能帮忙吗?我正在尝试将magnum字体(附加的URL)引用到我的HTML中。我试着使用src:url(“font/Magnum.ttf”),从那里我把它上传到我的文件管理器,但仍然没有运气,所以尝试下面的内容,但它就是不起作用 @font-face{ font-family: 'MyWebFont'; src: url("/https://fontmeme.com/fonts/magnum-fakhrul-razi-font/") format('truety

有人能帮忙吗?我正在尝试将magnum字体(附加的URL)引用到我的HTML中。我试着使用src:url(“font/Magnum.ttf”),从那里我把它上传到我的文件管理器,但仍然没有运气,所以尝试下面的内容,但它就是不起作用

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

谢谢大家!

该url不是指向字体的链接,而是一个网站,您可以在其中下载链接

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

@font-face{
字体系列:“MyWebFont”;
src:url('path/to/your/font.ttf');
}
然后,无论您想在何处使用此字体,请使用
字体系列:“MyWebFont”
,注意
字体系列的名称必须与上面给出的名称相同:

.myStyle{
字体系列:“MyWebFont”
}

在这里找到有关
@font-face
的更多信息:

在我访问了这个网站并下载了适合我的字体之后。注意,我将字体放在与HTML文件相同的文件夹中只是为了测试。你可能想把它放在一种叫做字体或类似的东西里

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

@字体{
字体系列:“MyWebFont”;
src:url(magnum.ttf);
}
div{
字体系列:MyWebFont,Courier;
}
一些文本

该url不是指向字体本身的链接,而是一个网站,您可以在其中下载链接。您应该将其添加到您的网站文件系统中。