关于html:如何在CSS中使用Segoe Print字体?

How to use Segoe Print font in CSS?

我正在尝试使我的网页使用Segoe Print字体,这不是默认的浏览器字体。 我有ttf文件,有什么办法可以使用此.ttf文件,以便每个访问者(无论使用哪种浏览器)都可以看到字体?

我搜索并找到了一些解决方案,其中一个是说"使用此网站转换字体"
但它给出了错误:

Microsoft has requested that their font Segoe Print to be blacklisted
by the generator

那么,如何在我的网站上使用此字体?

我还找到了建议以下CSS规则的解决方案:

1
2
3
4
5
6
@font-face
{
font-family: myFirstFont;
src: url('Segoe.ttf'),
     url('Segoe.eot'); /* IE9 */
}

但是,它将在非Windows浏览器中工作吗? 我的意思是,用户是否必须在自己的计算机中拥有ttf文件,还是将其从我的网站加载?

谢谢 !


您不能以任何法律和道德上可接受的方式。在实施这种未经授权的使用会构成犯罪时提供建议是违法的和道义上的错误。

因此,您应该放弃这个主意,或者尝试找到一种免费字体,或者一种合法使用的,有偿使用的字体,其特征与您要使用的字体足够相似。


您可以使用Kirsle将您的TTF字体转换为EOT。然后,您需要使用以下格式在CSS顶部导入三种字体格式:

1
2
3
4
5
6
@font-face {
    font-family: 'Segoe’;
    src:url('
fonts/Segoe.eot?#’) format(‘eot’),    
        url(‘fonts/Segoe.woff’) format(‘woff’);
        url(‘fonts/Segoe.ttf’) format(‘truetype’);  
}

记住使用?#,它将欺骗IE仅查看第一行并下载它,因为其他浏览器看不到第一行并下载TTF格式,而新的浏览器将下载尺寸较小的WOFF ,因此下载速度会更快。

只需使用font-family: Segoe即可在CSS中更改项目的字体。


为什么不买呢?您可以在有信誉的来源购买许可证,以将该字体用作网络字体。