3

我正在尝试<font>标签...

<html>
<font face="papyrus" size="20"> This is a font demo! </font>
</html>

它以 Papyrus 字体显示...但是当我使用其他字体时...它们不显示...这是什么原因？

4

3 回答 3

3

当网页上的一个元素被渲染时，它的 CSS 会被检查并且浏览器会尝试应用给定的样式。字体由 CSSfont-family属性指定。（你不应该使用<font>标签。）浏览器将查看属性中指定的字体，并检查当前系统环境是否包含它们。例如：

font-family: Verdana, Arial, Tahoma, Sans-Serif;

浏览器将尝试显示列表中的第一个字体，如果它不支持给定字体，则逐个下降，直到找到它支持的字体。此类声明应始终以以下通用系列之一结尾：

  • 衬线
  • 无衬线字体
  • 等宽
  • 草书
  • 幻想

因为这些是默认字体的别名，浏览器始终可以显示。

如果您希望保证页面显示给定字体，您可以使用 CSS3 @font-face 指令。这允许您在服务器上存储字体，并在访问页面时由客户端应用程序加载它。

至于格式，TrueType 和 OpenType 是常见且广泛可用的，但已被 WOFF 格式取代（请参阅https://developer.mozilla.org/en-US/docs/CSS/@font-face）。WOFF 是一种开放格式，正在被 W3C 标准化（http://en.wikipedia.org/wiki/Web_Open_Font_Format）。

最后一句话：并非所有字体都是免费和开放的。请注意，您没有与 @font-face 指令共享专有字体。您可以使用 CSS 指定专有字体，因为它们只会在安装了它们（希望是合法的）的机器上加载，但 @font-face 与所有用户共享字体，因此在使用之前您必须有权这样做字体以这种方式。如果您正在寻找以这种方式免费使用的字体http://www.google.com/webfonts ，那么 Google Web Fonts 是一个很好的起点。

于 2012-12-01T09:04:38.613 回答
1

<font face=...>在 HTML 中使用，或者font-family: ...在 CSS 中使用更现代的对应物，可以让您使用已安装在查看页面的计算机中的字体。

例如，如果您从http://www.dafont.com/street-cred.font下载了 Street Cred 的压缩包并解压缩并安装了该字体，则以该字体<font face="Street Cred">Hello world</font>显示文本。

如果您还没有这样做，它将无法工作，因为该字体几乎没有预装在任何计算机中。

有时应该使用哪个字体名称并不明显。这尚未标准化，但通常浏览器会识别字体本身（在名称表中）中定义的字体系列名称。这不必与字体文件的名称一致。

要检查计算机中安装了哪些字体，您可以使用以下服务：

我的字体列表查看器（仅适用于 IE）

使用 Flash 和 Javascript 获取已安装字体的列表

字体列表示例（需要 Flash）

于 2012-12-01T12:57:17.337 回答
-1

HTML5 不支持字体标签。这可能是第一个不支持的原因。

在 css 中使用font-family属性。

*任何人都可以参考：w3schools.com/tags/tag_font.asp*

于 2012-12-01T08:52:18.660 回答