HTML如何使用不同的字体

Question

如果我将ttf字体文件放在我的网站根文件夹中，请说出名为AMC.tff，在我的网站中使用<font face="AMC">它是否会起作用...如果不是什么在您的网站中使用不常用字体的方法

Answer 1

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

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

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

Answer 2

如果您需要为您的网站使用自定义字体，您可以选择Cufon

  

http://cufon.shoqolate.com/generate/

在您的网站上使用CUfon的详细教程

  

http://net.tutsplus.com/articles/news/the-easiest-way-to-use-any-font-you-wish/

忘记添加，你也可以使用CSS3属性

  

@字体面

受FF3.5及以上版本支持，Opera 10及以上版本，IE 7,8（不确定约为6）

Answer 3

不，浏览器中的字体基于访问者计算机上安装的字体。

我对这方面的了解不多，所以我不能告诉你这些方面的哪一个或被认为是最佳做法，但请查看：

• SiFr
• typeface.js
• Cufon

Answer 4

没有。除了<font>已弃用之外，您还必须使用CSS3 @font-face指令或较早的更兼容的方法，例如Cufon和Sifr。

Answer 5

检查此链接： How to get non-standard font with effect in use of web site?

我已经详细解释了如何在网页中嵌入字体并使其与浏览器兼容。 字体嵌入也是一种危险的事情，因为字体许可有时不允许。

PS - 请确保您不会在stackoverflow中重复提问，因为此问题已经多次回答。