嵌入的字體在Chrome/Firefox中不顯示

我在嵌入式字體時遇到問題，無法在任何時候在我的Mac上查看Firefox中的網頁以及在其他PC上查看Chrome時顯示。嵌入的字體在Chrome/Firefox中不顯示

我問過一位科技朋友，他堅持認爲這是由用戶在他們的機器上不安裝字體。我說我已經使用谷歌字體嵌入，並且還向Web服務器上傳了第二種字體，但他表示，它仍然沒有安裝字體。

這是正確的嗎？這意味着我完全誤解了我認爲我在網頁中嵌入字體的內容，如果他是正確的。

該網站僅供參考（並非您將能夠看到字體）爲here。

在此先感謝

來源

2012-04-11 tomdot

您的朋友是不正確的，但你沒有妥善實施他們要麼。

對於谷歌的字體，你應該首先，無論是將其放入HTML像這樣添加鏈接到字體：

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

或將它導入到你的CSS。

@import url(http://fonts.googleapis.com/css?family=Russo+One);

然後，您可以指定DIV的字體在CSS像這樣：

font-family: 'Russo One', sans-serif;

你也有一個死鏈接到自己的CSS。

來源

2012-04-11 13:55:13 Samwise

哈哈哈！我iz gd網頁的deesigner！謝謝（你的）信息！ :-D – tomdot 2012-04-11 14:21:06

最佳做法是什麼？我直接按照谷歌的指示，但如果這更好地放在CSS中，那麼我會這樣做。我寧願這樣做，因爲它是一個文體元素 – tomdot 2012-04-11 14:29:37

我會永遠保持它在CSS自己。 – Samwise 2012-04-11 14:33:58

指向您的MyFonts套件的鏈接已損壞。解決這個問題，他們應該出現。此刻的你已經有了：

http://www.tomrankinmusic.com/type/mercearia_antique/MyFontsWebfontsKit.css

，但它應該是：

http://www.tomrankinmusic.com/test/type/mercearia_antique/MyFontsWebfontsKit.css

的PT Sans字體在工作（至少在我的Mac Firefox瀏覽器）。

來源

2012-04-11 13:56:05

與其他人一樣，我已經評論過感謝意見！儘管工作PC上的Chrome瀏覽器沒有顯示任何內容 - 但我發現它是系統範圍內的，儘管如此，無論如何，如果我已正確實施它，看起來並不重要。 – tomdot 2012-04-11 14:24:30

如果你正在談論字體PT Sans，我沒有看到你實際上在你的CSS中的任何位置嵌入字體。

您需要提供一個路徑到字體，並將其存儲在某處等爲引用：

@font-face { 
    font-family: 'RieslingRegular'; 
    src: url('fonts/riesling.eot'); 
    src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype'); 
}

看到這裏供參考： http://bavotasan.com/2010/embedding-fonts-web-site-css-font-face/

來源

2012-04-11 13:56:14 Khan

是的，我很確定我沒有正確實施它 - 這是當你有一隻貓打破你的注意力時發生的情況。謝謝！更新：我曾經使用谷歌字體PT Sans，所以也許我不是說嵌入，而是連接一些東西 – tomdot 2012-04-11 14:22:36

嵌入的字體在Chrome/Firefox中不顯示

回答

相關問題