在asp.net中嵌入字体

Question

我试图通过CSS文件为asp.net网站嵌入一些字体，但没有成功。

这是CSS的代码：

@font-face {
  font-family: Segoe UI;
  src: url('SEGOEUI.ttf');
}

@font-face {
  font-family: Segoe WP;
  src: url('SEGOEWP.ttf');
}
body  
{
    background: Black;
    font-size: .80em;
    font-family:'Segoe WP';
    margin: 0px;
    padding: 0px;
    color: black;
}

CSS文件和字体都位于网站根目录的Styles文件夹中。 运行IE10和Win 7。

使它正常工作我缺少什么？

更新：我已经将字体转换为EOT并这样称呼它们：

@font-face {
      font-family: 'Segoe UI';
      src: url('SEGOEUI.eot');
    }

    @font-face {
      font-family: 'Segoe WP';
      src: url('SEGOEWP.eot');
    }

但是仍然没有。

Answer 1

IE似乎不支持TTF。 参见http://www.w3schools.com/css3/css3_fonts.asp 。

Internet Explorer 9 + ，Firefox，Chrome，Safari和Opera支持WOFF （Web开放字体格式）字体。

Firefox，Chrome，Safari和Opera支持TTF（True Type字体）和OTF（OpenType字体）类型的字体。

Internet Explorer还支持EOT（嵌入式OpenType）字体。

这意味着WOFF或EOT可能是您的理想选择。 有许多免费的在线字体转换器，您可以尝试http://www.font2web.com/或http://ttf2woff.com/ 。

Answer 2

在IE中，您必须指定真实的字体名称，某些转换器会在转换后为字体提供一个由IE无法处理的生成器名称。 使用此网站http://www.font-face-generator.com/ ，对于名称中带有空格的字体，请使用双引号，例如

font-family: "Segoe UI", Arial;