HTML如何使用不同的字体

Question

如果我将我的ttf字体文件放在我的网站根文件夹中,可以说已命名AMC.tff并在我的网站中使用<font face="AMC">它是否会起作用...如果不是在您的网站中使用不寻常字体的方法是什么

Answer 1

您可以在CSS 3属性的帮助下包含True Type字体@font-face.以下CSS将您的AMC字体应用于所有<h1/>标记:

@font-face {
  font-family: "AMC";
  src: url("./AMC.ttf") format("truetype");
}
h1 {
  font-family: "AMC", sans-serif;
}

对于不支持webfonts的浏览器,您应该指定与字体类似的替代方法.sans-serif如果无法找到AMC,则会使用上面的示例,因为@font-face浏览器无法识别该标记.