如何在CSS中使用Segoe Print字体？

Question

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

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

微软要求他们的字体Segoe Print被生成器列入黑名单

那我怎么能在我的网站上使用这个字体呢？

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

@font-face
{
font-family: myFirstFont;
src: url('Segoe.ttf'),
     url('Segoe.eot'); /* IE9 */
}

但是,它会在非Windows浏览器中运行吗？我的意思是,用户是否必须在他们的计算机上安装ttf文件,还是从我的网站加载？

谢谢 !

Answer 1

你不能以任何合法和道德上可接受的方式.提出有关未经授权使用构成犯罪的建议是违法和道德上的错误.

因此,您应该放弃这个想法,或者尝试找到一个免费字体,或者可以合法使用的字体,其特征与您想要使用的字体足够相似.

Answer 2

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

@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中更改项目的字体。