2010-09-26 67 views
4

如果我將我的ttf字體文件放在我的網站的根文件夾中,可以說名爲AMC.tff,並在我的網站上使用<font face="AMC">是否可行...如果不是,使用不尋常字體的方法是什麼在您的網站HTML如何使用不同的字體

+3

**請勿使用''。**您可能會將HTML的'>'與CSS的'@ font-face'混淆。 – BoltClock 2010-09-26 20:22:00

+3

用「不尋常的字體」製作網站通常是一個壞主意。除了所有客戶需要下載/安裝字體以便按照您的意思查看頁面這一事實,您需要確保您擁有重新分配字體的合法權利。 – Oded 2010-09-26 20:22:53

+0

我有合法的權利因爲我使字體我自己...我想不是有一種方式可以使用這些字體,而不需要安裝在客戶端機器上......就像將它們放在根文件夾或其他東西中,因爲字體文件沒有安裝它們只是複製在一個文件夾'c:\ windows \ fonts' ..字體文件就像dll,不管是直接引用還是通過os可能管理的列表或從某個文件夾中挑選出來......它只是可用性和鏈接到一個重要的文件... – Moon 2010-09-26 20:30:34

回答

10

您可以在CSS 3屬性@font-face的幫助下包含True Type字體。下面的CSS將適用於您的AMC字體所有<h1/>標籤:

@font-face { 
    font-family: "AMC"; 
    src: url("./AMC.ttf") format("truetype"); 
} 
h1 { 
    font-family: "AMC", sans-serif; 
} 

對於帶有網絡字體不支持的瀏覽器,你應該指定一個類似的替代你的字體。在上述示例中,如果由於瀏覽器未識別@font-face標籤而無法找到AMC,則會使用sans-serif

+0

一篇很棒的文章這個主題可以在這裏找到:http://www.alistapart.com/articles/cssatten – stefanglase 2010-09-26 20:33:01

+0

不錯的例子,偉大的文章,我可以試試這個我自己 – MikeAinOz 2010-09-26 22:02:31

+0

作品完美 - 不錯的代碼 – 2013-08-09 16:45:30

0

不,瀏覽器中的字體基於訪問者機器上安裝的字體。

我不知道很多關於這方面的,所以我不能告訴你這些作品的其中一個或被認爲是最好的做法,但檢查出:

0

號除了事實<font>已被棄用,您必須使用CSS3 @font-face指令,或奧爾德r更兼容的方法,如CufonSifr

0

檢查此鏈接了: How to get non-standard font with effect in use of web site?

我已經詳細解釋如何嵌入字體在網頁並使其瀏覽器兼容的。 字體嵌入也是一件有風險的事情,因爲字體許可證有時不允許。

PS - 請確保您不要在計算器中重複提問,因爲此問題已多次回答。

相關問題