如何在加載網站之前安裝自定義字體？

我已經喜歡哥特式的貿易有些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

如何在加載網站之前安裝自定義字體？

回答

相關問題