真棒字体显示为正方形

我有一个使用CSS类的蚂蚁html页面显示一个AwesomeFont的内容f058，但它现在显示为一个正方形。真棒字体显示为正方形

HTML： -

<div class="sucessfullChange"> 

    <div class="sucessfullUsageChangeMessageConfirmation"> 

    </div> 
    <span style="word-break: break-all" class="sucessfullChangeMessage">Congrats.</span> 
</div>

CSS： -

.sucessfullUsageChangeMessageConfirmation { 
    &:after { 
     content: "\f058"; 
     font-family: "FontAwesome"; 
     font-style: normal; 
     font-weight: normal; 
     text-decoration: inherit; 
     color: $colorGreen; 
     font-size: 31px; 
     padding-right: 0.5em; 
     position: absolute; 
     top: 13px; 
     left: 28px; 

     @include for-tablet { 
      left: 19px; 
     } 

     @include for-phone { 
      top: 14px; 
      left: 36px; 
     } 
    } 
}

我在做什么错在这里？

来源

2015-12-10 CSharped

请在您的字体真棒文件适当地包括？ – devpro

查看控制台是否有错误，可能是您的字体未正确加载 –

，如果你忘记添加字体真棒CSS阅览室，PLZ加在你的HTML的head标签的联系，

<link href="http://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" type="text/css" rel="stylesheet" />

，我认为它会为你

来源

2015-12-10 07:57:32

工作，当图标是显示作为一个方块，它反映了它没有正确链接。您可以通过CDN使用这个链接cdn icons link

链接你的图标，或者您可以选择下载图标为PNG图像，并利用它们来你的工作

http://fa2png.io/

来源

2015-12-10 09:08:49 Terabyte

真棒字体显示为正方形

回答

相关问题