在网页上显示未安装的字体

Question

可能是重复问题：
网页中的非标准字体？

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

如果我没记错的话，很久以前我见过这样的方法。

- GoodDude

Answer 1

你可以使用CSS3的@font-face特性来实现这一点。但是你必须提供必要的字体格式。 FontSquirrel的@font-face生成器是一个很棒的网络工具，它会为你完成所有繁琐的工作。它非常易于使用，可以创建所有必要的文件，包括CSS样式表和HTML示例文件。

真正有价值的是，它包括所有格式和技巧，以在所有主要浏览器中显示字体，这并不容易做到。

- rolve

---

谢谢，没想到我可以用CSS做到那个效果:) - GoodDude

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

- Joel Dean

---

谢谢 :) 你的例子帮了大忙。 - GoodDude