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

时间:2012-10-18 20:25:07

标签: html unicode fonts webpage webfonts

  

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

我创建了一个Unicode字体,我想在我的网页上使用它。我希望人们看到和阅读字体。他们可以不安装字体吗?像从服务器运行字体的东西?

如果我没记错的话,我已经看过很久了。

2 个答案:

答案 0 :(得分:8)

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

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

真正有价值的是它包含了在所有主流浏览器中显示字体所需的所有格式和黑客,这些都是不容易做到的。

答案 1 :(得分: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;
}