2014-09-10 24 views
-1

我聲明瞭自定義字體的CSS文件中,使用@import並將它們分配給適當的元素加載自定義字體:如何在網站

我沒有訪問該網站的頭標記,我這樣做在身體...

這不起作用..,我的問題自定義字體必須聲明在頁面的頭部以加載?

+0

css中的'@ import'標籤也可以工作,但是您需要將它們放在您的css文件的頂部。 – 2014-09-10 15:35:29

+0

建議將您的css放在外部css文件中,然後將其包含在網站的head標籤中。如果您無法訪問head標籤,請使用標籤,無論您想添加自定義字體,它都應該可以工作。 – Ionut 2016-06-30 12:18:34

回答

0

使用jvascript

(function loadCss(url) { 
    var link = document.createElement("link"), 
     url = "App/components/core-jasmine/jasmine.css"; 
    link.type = "text/css"; 
    link.rel = "stylesheet"; 
    link.href = url; 
    document.getElementsByTagName("head")[0].appendChild(link); 
})(); 
0

不要使用@import的CSS文件(如果可能除了在某些特殊情況,如使用不同的設備@media),因爲它可以從正確加載停止CSS文件。

你可以聲明的鏈接標籤導入head標籤外CSS,但它可能會導致幾個問題 - 主要是根據W3C規範,你應該只宣佈在head標籤link標籤(即,它會失敗W3C驗證)。將它加載到文檔主體中也會增加加載時間,因爲瀏覽器必須在加載後重新調整頁面。

但理論上,是的,可以做到。