字体真棒图标不显示 [英] Font Awesome icons not showing

问题描述

我无法显示真棒字体"图标.我尝试了不同的CDN，但它在任何浏览器上都不起作用.

I can't get the Font Awesome icons to show up. I've tried different CDNs and it does nothing on any browser.

CSS链接:

<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/theme.min.css">
<link rel="stylesheet" href="assets/css/color-defaults.min.css" media="screen">
<link rel="stylesheet" href="assets/css/swatch-white.min.css" media="screen">
<link rel="stylesheet" href="assets/css/swatch-blue.min.css" media="screen">
<link rel="stylesheet" href="assets/css/swatch-gray.min.css" media="screen">
<link rel="stylesheet" href="assets/css/swatch-black.min.css" media="screen">
<link rel="stylesheet" href="assets/css/swatch-white-black.min.css" media="screen">
<link rel="stylesheet" href="assets/css/swatch-white-green.min.css" media="screen">
<link rel="stylesheet" href="assets/css/swatch-white-red.min.css" media="screen">
<link rel="stylesheet" href="assets/css/fonts.min.css" media="screen">        
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/primary.css" media="screen">

字体超赞HTML:

<div class="col-md-4">
   <h1 class="h2">Follow</h1>
   <hr />
   <i class="fa facebook-official fa-lg"></i>
   <i class="fa google-plus-square fa-lg"></i>
   <i class="fa twitter-square fa-lg"></i>
   <i class="fa instagram fa-lg"></i>
</div>

推荐答案

我认为您的课程有误.试试这个:

I think you have the wrong classes. Try this:

<div class="col-md-4">
    <h1 class="h2">Follow</h1>
    <hr />
    <i class="fa fa-facebook-official fa-lg"></i>
    <i class="fa fa-google-plus-square fa-lg"></i>
    <i class="fa fa-twitter-square fa-lg"></i>
    <i class="fa fa-instagram fa-lg"></i>
</div>

您需要在每个徽标之前添加 fa-.

You need to add fa- before each logo.

这篇关于字体真棒图标不显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！