在网页上显示卸载的字体[重复]答案

【问题标题】：display uninstalled font on a webpage [duplicate]在网页上显示卸载的字体[重复]
【发布时间】：2012-10-09 09:53:52
【问题描述】：

可能重复：
Non-Standard fonts in web?

我创建了一个 Unicode 字体，我想在我的网页上使用它。我希望人们看到并阅读字体。他们可以在不安装字体的情况下做到这一点吗？从服务器运行字体之类的东西？

如果我没记错的话，我很久以前就见过这个。

【问题讨论】：

标签： html unicode fonts webpage webfonts

【解决方案1】：

您可以使用CSS3's @font-face 功能执行此操作。但是你必须提供必要的字体格式。

FontSquirrel 的@font-face Generator 是一个不错的网络工具，可以为您完成所有繁琐的工作。它非常易于使用并创建所有必要的文件，包括 CSS 样式表和 HTML 示例文件。

真正有价值的是它包含了在所有主流浏览器中显示字体所需的所有格式和技巧，而这并不是那么容易做到的。

【讨论】：

谢谢，不知道我可以用 css 做到这一点：)

【解决方案2】：

你可以使用@font-face

在您的 css 中，您将使用 @font-face 规则声明字体。您可以指定字体系列，指定不同格式字体的链接。

@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), 
     url('webfont.woff') format('woff'), 
     url('webfont.ttf')  format('truetype'),
     url('webfont.svg#svgFontName') format('svg'); 
}

然后在你的 html 中使用 font-family 调用它

body 
{
   font-family: 'MyWebFont', Fallback, sans-serif;
}

【讨论】：

谢谢 :) 你的例子有帮助