在asp.net中嵌入字体

本文关键字：字体 asp net | 更新日期: 2023-09-27 18:16:56

我试图通过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和win7

我错过了什么让这个工作?

更新:我已经将字体转换为EOT，并像这样调用它们:

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

在asp.net中嵌入字体

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

Internet Explorer 9+、Firefox、Chrome、Safari和Opera支持WOFF (Web Open Font Format) Font .

Firefox、Chrome、Safari和Opera支持TTF (True)类型的字体Type Fonts)和OTF (OpenType Fonts).

Internet Explorer还支持EOT (Embedded OpenType)字体。

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

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

font-family: "Segoe UI", Arial;
相关文章：