CSS外部字體在Div中不起作用

最近，我爲我的網站下載了一種字體，並將其重新命名爲「a.ttf」。當我嘗試將它嵌入到一個div的CSS id中時，它似乎不起作用。有沒有人知道這裏的問題？非常感謝你，祝你有美好的一天！我忘了提及我的外部CSS頁面正在運行，因爲我在其他div中工作過。我剛剛檢查了元素，它現在說無法解碼下載的字體。這意味着什麼。 ARGGHHH！ :-)CSS外部字體在Div中不起作用

CSS代碼

@font-face 
{ 
font-family: a; 
src:url("a.ttf"); 
} 

#text 
{ 
color: white; 
font-family: a; 
font-size: 25px; 
font-weight: bold; 
text-align: left; 
margin-left: 15px; 
margin-top: 20px; 
}

HTML DIV

<div id="text">Test Div</div>

來源

2016-03-13 Xela

嘿，我認爲你使用的代碼是錯誤的。如果你去FontSquirrel和下載的字體包，這是添加自定義的字體

@font-face{ 
font-family: 'MyWebFont'; 
src: url('WebFont.eot'); 
src: url('WebFont.eot?#iefix') format('embedded-opentype'), 
    url('WebFont.woff') format('woff'), 
    url('WebFont.ttf') format('truetype'), 
    url('WebFont.svg#webfont') format('svg');

}

你需要更多的是一個擴展的字體，以便它在所有瀏覽器的推薦方式。也是你的字體所在的位置?? ...路徑可能不一樣的，你的CSS文件

來源

2016-03-13 14:17:46

它與我的html文件位於相同的路徑，所以我使用此工具包將使用我的字體名稱重命名MyWebFont？謝謝 – Xela

此網站不支持aharoni ... – Xela

你的css文件在哪裏？如果所有文件都在根文件夾中，那麼是的...您只需要替換...而且還需要獲取其他擴展的文件..我的建議是轉到FontSquirrel並生成Web字體 –

我想你試試這個...

的CSS

@font-face { 
    font-family: 'a'; 
    src: url('a.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 
#text{ 
color: white; 
font-family: a; 
font-size: 25px; 
font-weight: bold; 
text-align: left; 
margin-left: 15px; 
margin-top: 20px; 
}

希望這會有所幫助。

來源

2016-03-13 14:10:03

哇它沒有做任何事情，現在我超迷茫... – Xela

你錯過了'FONT-FAMILY： 'A';在' '＃text'。 – Roy

沒有任何東西，甚至沒有......我認爲它不知道如何檢測字體，即使它是在這個HTML文件相同的目錄中。奇怪 – Xela

使用單引號在src:url('a.ttf');
請確保（a.ttf）在同一路徑的CSS文件。

Internet Explorer有一些TTF開始支持版本9，但「只有當[字體]設置爲安裝工作」。

來源

2016-03-13 14:21:13

當您使用@font-face規則，請確保您使用的語法如下：

@font-face { 
    font-family: 'My Font'; 
    font-style: normal; 
    font-weight: 400; 
    src: url('../path/to/My-Font.ttf') format('ttf'); 
}

的錯誤，你似乎越來越意味着文件（字體文件），你下載可能已損壞，而它正在下載或者它可能已經在服務器本身上被損壞。我建議您再次從同一網站下載字體，或者從其他網站再次下載。

當你要使用自定義字體，請確保您使用的語法如下：

#text { 
    color: white; 
    **font-family: 'My Font'**; 
    font-size: 25px; 
    font-weight: bold; 
    text-align: left; 
    margin-left: 15px; 
    margin-top: 20px; 
}

當然，如果你複製我的代碼，請確保你把星號（*）。

這裏是關於@font-face規則的一些更多的信息，在這裏：

http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

這裏：

https://css-tricks.com/snippets/css/using-font-face/

而且，在這裏：

https://developer.mozilla.org/en/docs/Web/CSS/@font-face

來源

2016-03-13 14:50:17

CSS外部字體在Div中不起作用

回答

相關問題