在xpages中使用圖標字體

我想在我的xpage中使用圖標（真棒）字體。我下載了它並把它們放到我的webContent文件夾中（就像我所有的東西，例如bootstrap）。我修改了awesome.css，如下所示。在xpages中使用圖標字體

@font-face { 
    font-family: "FontAwesome"; 
    src: url('/font/fontawesome-webfont.eot'); 
    src: url('/font/fontawesome-webfont.eot?#iefix') format('eot'); 
    src: url('/font/fontawesome-webfont.woff') format('woff'); 
    src: url('/font/fontawesome-webfont.ttf') format('truetype'); 
    src: url('/font/fontawesome-webfont.svg#FontAwesome') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

然後放到我的頁面。

<i class="icon-refresh"></i>

結果是。我在頁面中看到了該圖標字體的佔位符，並在螢火蟲中看到兩個錯誤消息。

「NetworkError：404未找到 - HTTP：//本地主機/ home.nsf/XSP/.ibmmodres/FONT/fontawesome-webfont.woff」「NetworkError：404未找到 - HTTP：//本地主機/家。 nsf/xsp/.ibmmodres/font/fontawesome-webfont.ttf「

因此，加載字體不起作用（文件在該文件夾字體和我使用的其他css和js文件中，加載了相同的方法）。我使用引導程序並停用了下載的圖標（但我遇到了與那裏的字形相同的問題）。

所以，也許有人有一個想法。

來源

2012-10-16 Armin Mandel

您是否可以訪問url http：//localhost/home.nsf/xsp/.ibmmodres/font/fontawesome-webfont.woff上的字體文件？可能xpages不會提供某些類型的文件（我不熟悉xpages），或者相對路徑在你的css中是錯誤的。 – joshb

刪除第一個斜槓，應該這樣做。

B計劃：移動字體到資源目錄（如果你使用Java透視圖，你可以創建你的字體目錄）

來源

2012-10-17 01:02:06 stwissel

字體位於webContent下方的子目錄字體中（與所有其他資源一樣）。但我從icomoon下載了自己創建的圖標字體集。他們的CSS具有正確的道路，因爲你傷心，沒有引導斜線，它的工作原理。但如果我改變這個真棒字體的CSS。它仍然不起作用。但我可以忍受icomoon字體。仍然是一個小問題。 ie-hack不起作用。我認爲這是＃的問題（也許我會弄清楚）。謝謝您的幫助。 –

我發現它是我的服務器有問題（在這種情況下，本地主機）不將.woff註冊爲MIME類型的應用程序/八位字節流。一旦我註冊它，我不再有404未找到錯誤。

來源

2014-02-15 01:26:39 FrankO

在xpages中使用圖標字體

回答

相關問題