在網頁中使用非標準字體？

我被告知使用非標準字體創建網站。客戶端提供了字體文件（採用.otf格式）。有什麼方法可以讓網頁上的文字以指定字體（非網頁標準）顯示？在網頁中使用非標準字體？

除了使用sIFR之外，還有其他的選擇嗎？

編輯：我如何將這個@ font-face只應用於特定的div？

2011-10-10 Yash Desai

[Is @ font-face now now？]（http://stackoverflow.com/questions/2219916/is-font-face-usable-now）和[this]（http：// stackoverflow。 com/questions/107936/how-to-add-some-non-standard-font-to-website），[this]（http://stackoverflow.com/questions/1838295/custom-font-and-a-cms ），[this]（http://stackoverflow.com/questions/2180029/font-face-in-css-is-it-ok），[this]（http://stackoverflow.com/questions/7512468/using -a-custom -ttf-font-in-css），[this]（http://stackoverflow.com/questions/5985097/custom-font-via-css）等等。 – Quentin

您可以使用CSS @font-face這個聲明。

但是，請注意：並非所有瀏覽器都支持otf格式。
您可以使用工具（如FontSquirrel's Font-face Generator）將字體轉換爲您需要的所有不同格式。它甚至會爲您生成CSS，然後您只需複製並粘貼到您的項目中。

來源

2011-10-10 19:37:12

你的答案大多比我好，所以我合併他們，並刪除我的:)。 +1 – Domenic

如何將此font-face僅應用於特定的div？ –

@ font-face聲明不會將字體應用於您的頁面。您需要@ font-face聲明，以便字體可供您在頁面中使用。然後，您可以通過常規CSS'font-family'屬性將字體應用於您的div。如果你使用的是FontSquirrel的Generator，你應該有一個樣本頁面包含在下載中... –

不是100％的支持，但：

@font-face { 
    font-family: MyFont; 
    src: url('MyFont.otf'); 
}

來源

2011-10-10 19:39:27 Dan

CSS 3給瀏覽器的下載和使用TTF文件格式的能力。像往常一樣，IE提供部分支持。像往常一樣，Google來拯救。

http://code.google.com/apis/webfonts/docs/getting_started.html

來源

2011-10-10 19:41:35

或者，你可以使用的Cufón字體替換：

http://cufon.shoqolate.com/generate/

它也有一些缺點，但是：文本不能被複制，它使用JavaScript這可能是一個問題一些非常古老的瀏覽器，如果有人正在關閉js瀏覽器。

來源

2011-10-10 19:43:29

這是2011年的一個選項，但今天所有的瀏覽器都支持@ font-face。儘管如此，您仍然需要將OTF字體轉換爲WOFF。 – sbaechler

在網頁中使用非標準字體？

回答

相關問題