使用位於不同服務器上的自定義字體

我必須在其中一個網頁上使用自定義字體。我在我的CSS中使用@ font-face。使用位於不同服務器上的自定義字體

現在，我不確定，但我認爲這樣做的工作字體應該在網頁相同的服務器上。這是正確的嗎？我試過使用不同的服務器，但它沒有工作。所以，我不確定是否有某些我錯過了或者不同的服務器託管字體不起作用。

如果它起作用，那麼它就像提到t @ font-face的url部分中的完整URL一樣簡單嗎？或者還有更多我需要做的事情？有什麼限制？我知道在IE中.eot字體的工作。

謝謝。

來源

2013-05-28 Blueboye

我可能在這裏是非常錯誤的，但我認爲字體必須在客戶端機器中。服務器是否擁有它應該是無關緊要的，因爲它是由瀏覽器加載的，而不是服務器端代碼，對嗎？ – Renan

@Ranan：不是真的。這就是爲什麼介紹font-face的原因。 :-) –

@harsha生活和學習...我希望我能夠upvote您的評論。 – Renan

是的，您可以使用位於另一臺服務器上的字體。

一個例子

@font-face 
{ 
    font-family: 'EndzoneSansLight'; 
    src: url('//:') format('no404'), 
     url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.eot?#iefix') format('eot'), 
     url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.woff') format('woff'), 
     url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.ttf') format('truetype'), 
     url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

這裏有一個FIDDLE

來源

2013-05-28 17:08:52

它是否工作在IE8及以下？我不這麼認爲:( – Blueboye

@Leon：如果相同的服務器字體工作在IE8或更低版本上，甚至應該是 –

@Leon：另外，爲什麼你需要另一臺服務器的字體？難道不可能您是否需要將字體上傳到您的服務器上？ –

你以前聽說過谷歌的字體？

http://www.google.com/fonts/

這是導入來自其他服務器的自定義字體（在這種情況下，谷歌的服務器）到您的網站的最簡單的方法。

選擇字體和你的網頁

<link href='http://fonts.googleapis.com/css?family=Days+One' rel='stylesheet' type='text/css'>

上添加此代碼，如果我跟蹤網址，它會顯示這個細節

@font-face { 
    font-family: 'Days One'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Days One'), local('DaysOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/daysone/v3/yfpXiXt9Xp5H97keqlB0t_esZW2xOQ-xsNqO47m55DA.woff) format('woff'); 
}

希望這有助於:)

來源

2013-05-28 17:14:03

是的，我聽說過谷歌字體，但我認爲你只能使用它們託管的字體。我可以上傳谷歌字體的字體並使用它嗎？ – Blueboye

我不這麼認爲，對不起..也許至少現在。最後一個選項是使用圖像，但它將花費更多的字節來加載 –

使用位於不同服務器上的自定義字體

回答

相關問題