在 HTML5 中内联自定义 CSS 字体

Question

我正在尝试在网页中使用自定义字体。然而，我对 HTML5 和 CSS 几乎一无所知。我希望1 h1 标签具有自定义字体。我的 .ttf 文件与网页位于同一文件夹中。我试过这个没有成功：

<h1 style="text-align: center"; font-family="MinecrafterReg.ttf">Welcome to Ben's Minecraft</h1>

其他人可以帮助我吗？

Answer 1

将其粘贴在样式标签中：

@font-face {
font-family: MinecrafterReg;
src: url(MinecrafterReg.ttf);
font-weight:400;

然后将其粘贴在 h1 标签中：

<h1 style="text-align: center; font-family: MinecrafterReg">Welcome to Ben's Minecraft</h1>