字體真棒不顯示在我的本地

我使用的字體，網頁及以下的非真棒工作我的本地系統字體真棒不顯示在我的本地

<a href="#header" class="fa fa-angle-down"></a> 
<a href="#header" class="fa fa-arrow-circle-o-down" style="font-size:24px"></a>

相同的代碼工作的小提琴，但不是本地主機上

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

http://jsfiddle.net/ZF7x4/33/

http://fontawesome.io/icon/arrow-circle-o-down/

我不知道爲什麼它不工作我嘗試一些事情，但它不工作

UPDATE：

雖然麻煩了進一步的拍攝，我注意到這隻能說明以下在本地主機的CSS

.fa { 
    display: inline-block; 
    font-family: FontAwesome; 
    font-feature-settings: normal; 
    font-kerning: auto; 
    font-language-override: normal; 
    font-size: inherit; 
    font-size-adjust: none; 
    font-stretch: normal; 
    font-style: normal; 
    font-synthesis: weight style; 
    font-variant: normal; 
    font-weight: normal; 
    line-height: 1; 
    text-rendering: auto; 
} 
.fa { 
    display: inline-block; 
    font-family: FontAwesome; 
    font-style: normal; 
    font-weight: normal; 
    line-height: 1; 
}

其餘部分在小提琴上可見不顯示在本地主機上。不知道爲什麼，而我使用相同的CDN鏈接

.fa-angle-down::before { 
    content: ""; 
} 
.fa-angle-down::before { 
    content: ""; 
}

更新2：

問題似乎只與anchor當我使用同爲<i class="fa fa-angle-down"></i>它的工作原理是爲什麼？

來源

2017-06-22 Learning

你的jsfiddle似乎工作得很好;有什麼問題？ – TheDarkKnight

嘗試查看Developer Tools/mode中的瀏覽器控制檯/網絡選項卡。 '.min.css'加載是否正確？ – TheDarkKnight

這是工作正常，嘗試檢查您的控制檯是否有任何錯誤 –

<html> 
    <head> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
    </head> 
    <body> 


     <a href="#header" class="fa fa-angle-down" style="font-size:24px"></a> 
     <br/> 
     <br/> 
     <a href="#header" class="fa-arrow-circle-o-down" style="font-size:24px"></a> 
    </body> 
    <script src="jstips.js"></script> 
</html>

來源

2017-06-22 07:13:46

檢查您是否在文檔中聲明瞭UTF-8？

<meta charset="UTF-8">

或

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

您還可以使用下面的鏈接，

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

你也可以在你的CSS試試這個，

@font-face { 
     font-family: 'FontAwesome'; 
     src: url('../font/fontawesome-webfont.eot'); 
    }

來源

2017-06-22 07:47:42

我有''有關'@ font-face font-family：'FontAwesome'; src：url（'../ font/fontawesome-webfont.eot'）; }'這不應該來自'font-awesome.min.css' – Learning

你是否嘗試在私人窗口中運行它？因爲在正常情況下可能會有一些緩存問題。 –

我也面對一樣的問題。我的css cdns加載正常，但腳本cdns沒有加載。當過你在瀏覽器的地址框中，鍵入您的本地主機地址也跟着你做的是：

http://localhost:<port>/

這爲我工作。希望它能幫助你。

來源

2018-03-05 12:01:17 user9422949

字體真棒不顯示在我的本地

回答

相關問題