在 asp.net 中嵌入字体答案

【问题标题】：embedding fonts in asp.net在 asp.net 中嵌入字体
【发布时间】：2013-06-05 21:31: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 和 Win 7。

让这个工作我缺少什么？

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

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

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

但还是一无所获。

【问题讨论】：

Open Sans 打包在 Google Fonts 上，因此正确包含/实现很简单，它非常接近 Segoe 并且获得使用许可（与 Segoe 不同）
@sd_dracula 如果你使用 font-family: 'SegoeUI'; 会怎样？名称中的空格和破折号可能不太好。另外，你用的是捆绑包吗？有时这会破坏字体源的路径。

标签： c# asp.net css font-face

【解决方案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 字体）和 OTF（OpenType 字体）。

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

这意味着 WOFF 或 EOT 可能适合您。网上有很多免费的字体转换器，你可以试试http://www.font2web.com/或http://ttf2woff.com/。

【讨论】：

【解决方案2】：

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

font-family: "Segoe UI", Arial;

【讨论】：

我得到了一些奇怪的行为，基本上有些机器检测到字体而有些没有（通常是 Windows 8 的）我猜它什么时候工作它只是意味着机器有字体预- 已安装且不使用字体