html - 在网页上显示卸载的字体

Question

可能重复：
网络中的非标准字体？

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

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

Answer 1

您可以使用CSS3 的 @font-face功能来做到这一点。但是您必须提供必要的字体格式。

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

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

Answer 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;
}