使用未知字体的 HTML答案

【问题标题】：HTML using unknown font使用未知字体的 HTML
【发布时间】：2011-05-27 22:38:09
【问题描述】：

我下载了一种我想在网页上使用的字体。当然，此字体未安装在用户的计算机上。如何让用户的计算机显示该字体？（我以为叫：嵌入字体但我可能错了）

感谢任何帮助
大众汽车

【问题讨论】：

【解决方案1】：

您需要使用@font-face。

生成所需的跨浏览器 CSS 和不同格式的字体文件的一种非常简单的方法是使用：

您只需上传字体，生成器就会完成所有繁重的工作。

【讨论】：

【解决方案2】：

如果用户有一个相对较新/最新的浏览器：

@font-face {
  font-family: font-name
  src: url(path/to/font.ttf);
}

element {
  font-family: font-name;
}

首先，我们添加@font-face 声明，其中我们为自定义字体指定路径、文件名和字体系列名称。然后我们将 CSS 规则中的字体选择添加到我们的...元素。¹

引用：

参考资料：

【讨论】：

【解决方案3】：

你说得对，这就是所谓的字体嵌入。这是您需要的： Embedding fonts in CSS

【讨论】：