如何讓我的用戶自動下載我用於我的網站的字體（如果他們沒有）？

Question

我的網站使用字體ff-clifford-eighteen-web-pro-1。我希望即使對於沒有安裝在他們計算機上的用戶，也可以使用該字體顯示我的所有文本。

可能嗎？

Answer 1

簡短的回答：你不能

龍答：你可以，但它並不容易，而不是廣泛的支持。閱讀this article瞭解更多信息。

Answer 2

你不能。如果字體不在瀏覽器所在的系統上，則字體將不會被找到並且無法加載。

您需要將字體分配給客戶端系統（如果您有授權的話）。

Answer 3

這裏是A million ways to embed custom fonts (and keep typography nerds off your back)

鏈接他建議sIFR3

Answer 4

我用Cufon。效果很好，但您還必須驗證許可。

Answer 5

您可以使用@ font-face生成器。它允許你上傳你的字體，它會創建一個漂亮的.zip下載與CSS和你需要得到您的自定義字體爲您的網站工作的所有相關文件。

http://www.fontsquirrel.com/fontface/generator

他們也有一大堆許可的字體包準備使用您的網站太：

http://www.fontsquirrel.com/fontface

另一個偉大的網站，讓您以「租賃」許可的字體是TypeKit。

http://typekit.com/

Answer 6

與存儲在字體文件夾的字體（例如：fontFolder），你可以使用@字體面發電機自動讓用戶下載的字體，這樣它會出現地方上您指定的網站。下面，fontFolder代表字體文件所在的目錄（文件夾），並且fontname代表字體名稱（坐在fontFolder內）。如果您當前有存儲在fontFolder中的.eot .tff .woff和.svg變體，則可以將以下代碼複製到樣式表的頂部，並用您自己的目錄名替換fontFolder，並更換的fontName與您的字體的名字：

@font-face { 

    font-family: "fontName"; 

    src: url('fontFolder/fontName.eot'); 

    src: url('fontFolder/fontName.eot?#iefix') format('embedded-opentype'), 

    url('fontFolder/fontName.woff') format('woff'), 

    url('fontFolder/fontName.ttf') format('truetype'), 

    url('fontFolder/fontName.svg')format('svg'); 
} 

當你準備使用您的字體，只需要使用它的名字：

h1 { 
    font-family: yourFont; 
}