如何在加载网站之前安装自定义字体？

我已经喜欢哥特式的贸易有些Oblique.ttf自定义字体，现在，我使用这个在我们的网站，但它不会加载该网站安装这个字体我用下面的代码之前安装：如何在加载网站之前安装自定义字体？

@字体面

{

字体家庭： “TadeGothic”，TradeGothic，TradeGothic LT标准;

src: url(../fonts/Trade Gothic LT Std Condensed No. 18.ttf); 
src: url(../fonts/Trade Gothic Oblique.ttf);

}

但它不工作。你能告诉我它有什么问题吗？

来源

2012-10-01 GotiBandhu Huda

你可能想看看FontSquirrel在http://www.fontsquirrel.com/fontface。他们告诉你如何去做。

但请注意，它与IE的工作方式不同，与其他浏览器的工作方式不同。我相信IE需要TTF和其他浏览器需要OTF作为嵌入式字体标准。

来源

2012-10-01 11:05:09

只需使用.ttf文件类型将无法跨浏览器。如果你看看这个blog post by Paul Irish，你可能会更好地理解在你的网站中嵌入字体。

也有许多其他网站与指示，一个简单的搜索会给你很多的信息。

来源

2012-10-01 11:05:57

你的链接断开 – Sheridan

@Sheridan为我工作。 –

哦，这很奇怪...现在我也是。不知道那里发生了什么。道歉。 – Sheridan

.eot仅适用于IE。对于其他人，您应该使用.otf或.ttf文件。下面应该工作：

@font-face { 
    font-family: 'Font 1'; 
    src: url('Font1.eot?') format('eot'), url('Font1.ttf') format('truetype');

}

另一种方式是这样的：

@font-face{ 
    font-family:'Font 1'; 
    src: url('Font1.eot'); // For IE 
} 

@font-face{ 
    font-family:'Font 1'; 
    src: url('Font1.otf'); // For others 
}

来源

2013-07-22 02:46:25 AminSaghi

如何在加载网站之前安装自定义字体？

回答

相关问题