字體真棒顯示亞洲標誌而不是圖標

我想使用字體真棒，但它只是顯示任何亞洲標誌而不是任何圖標。我通過網絡服務器爲此下載了字體。我在3種不同的瀏覽器（firefox，opera和chromium）中試過這個，但它總是一樣的。字體真棒顯示亞洲標誌而不是圖標

一個testpage可以在這裏看到：http://2weitweitweg.de/test.html

這裏是它的屏幕截圖：http://postimg.org/image/9yh5p0p97/

是否顯示在瀏覽器中的標誌？問題是瀏覽器還是服務器相關？我該如何解決它？

再見

2013-08-22 Jonas

一樣我也是，我的PC瀏覽器[個個]，但我後來測試字體真棒在手機Java Opera瀏覽器[最新的Opera瀏覽器的Java手機字體真棒作品（準確地說c2-03）]我只看到亞洲標誌/字符/符號，有時我會看到框，而不是字體真棒符號。我希望這會得到解決？

來源

2013-08-23 17:39:55

很可能沒有找到實際的字體文件。如果在字體真棒CSS文件看，你可能會看到類似：

@font-face { 
    font-family: 'FontAwesome'; 
    src: url('../font/fontawesome-webfont.eot'); 
    src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), 
    [...etc]

這希望找到一個叫那個CSS文件是在同一水平線上的字體文件夾中的字體文件例如：

myproject/css 
       /font-awesome.css 
        [...etc] 
     /font 
       /fontawesome-webfont.eot 
        [...etc]

如果文件是在正確的位置有可能是他們沒有被加載，因爲一些問題的權限，甚至你已經在使用一個陌生的瀏覽器不能正確支持@字體面。當然，你可以通過瀏覽font awesome examples page來排除後者，看它是否正確顯示圖標。

來源

2013-08-30 14:58:28

如果HTML文件，該文件應顯示文本不在myproject中，但在任何不同的文件夾中......字體文件的路徑必須與css文件的路徑相關爲「root」還是包含css文件的html文件t他根？ – Jonas

我有這個問題，這是因爲我使用舊的HTML與新的fontawesome版本。

<i class="fa-bitbucket"></i>

到：

我通過改變固定它

<i class="fa fa-bitbucket"></i>

即我只需將默認fa類添加到元素。

最新版本使用fa前綴，但對你來說，我想它可能是icon。

希望這可以幫助某人在某個階段:-)

來源

2013-10-26 01:52:27 oak

幫了我，謝謝:) – whizcreed

如果您使用4。0或更高版本，他們已經訪問http://fontawesome.io/icons/和點擊/改變了icon類fa類所以，你的代碼應該說

<i class="fa fa-camera-retro fa-large"></i>

，而不是

<i class="icon icon-camera-retro icon-large"></i>

你可以找到圖標，具體代碼示例點擊你需要的圖標。

我從3.2升級到4.0.3

來源

2013-12-02 06:06:00 KingRichard

希望我不是太晚了，您的服務器上的東西沒有正確配置時，有同樣的問題，解決辦法是讓* .woff和* .TFF被要求像靜態資源，就像你做* .css和* .js文件，這取決於平臺做不同的：

enter image description here

我做了什麼，使其工作：

替換您的樣式表與（因爲我們不能克等資源）：

<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.1/css/font-awesome.css" rel="stylesheet">

和更換舊icon- *類，例如：

<i class="fa-umbrella fa text-error"></i>

而現在它的工作原理：

enter image description here

來源

2013-12-10 00:32:46 formatc

字體真棒顯示亞洲標誌而不是圖標

回答

相關問題