2013-06-05 64 views
1

我想通过我的asp.net网站的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文件和字体都在这是在网站的根目录样式文件夹中。 正在运行IE10和Win 7.

我错过了什么让它工作?

更新:我已经转换的字体对EOT叫他们来是这样的:

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

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

但仍然一无所获。

+0

打开三世被封装在谷歌的字体,所以是微不足道的包含/实现正确的,它非常接近的Segoe及其使用许可(不像Segoe) –

+0

@sd_dracula如果你使用font-family:'SegoeUI';?名称中的空格和破折号可能不会很好。另外,你在使用捆绑吗?有时候可能会破坏字体源的路径。 – MikeSmithDev

回答

0

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

的Internet Explorer 9+,火狐,Chrome,Safari和Opera支持 WOFF(网络开放字体格式)字体。

Firefox,Chrome,Safari和Opera支持字体类型TTF(True Type字体)和OTF(OpenType字体)。

Internet Explorer还支持EOT(嵌入式OpenType)字体。

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

+0

我已更新上述问题。 –

0

在IE中你必须指定真正的字体名称,某些转换器在转换后给字体生成一个由IE生成的名字witch IE无法处理。 使用本网站http://www.font-face-generator.com/并在名称使用间隔双引号的字体像

font-family: "Segoe UI", Arial; 
+0

我得到一些奇怪的行为,基本上有些机器检测字体和一些不(通常是Windows 8的),我猜测它什么时候工作,它只是意味着机器预装了字体,并没有使用字体的脸 –