字体真棒不与引导

我做了一个新的一页，这是我的页面的新工作（没有它的内容！）

<!DOCTYPE html> 
<html lang = "fa"> 

    <head> 
    <meta charset = "utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

     <title>TEST</title> 

    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
    <link rel="stylesheet" href="style/index.css"> 

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



    </head> 

    <body> 
    <header> 
    <div class="container"> 
     <a class="fa fa-ban">Test ban</a> 
    </div> 
    </header> 






     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 

     <!-- Include all compiled plugins (below), or include individual files as needed --> 
     <script src = "//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 

    </body> 
</html>

正如你看到的我有一个<a>元素和它有一个font-awesome类，我的意思是fa fa-ban，但它不工作！

什么问题？

来源

2016-01-08 John IP

检查控制台错误，把script标签外体 –

@UbiquitousDevelopers有一些警告更换，但我不知道为什么，我只是做了bootstrap说的，我添加了一些对其css文件的引用，但是我不知道它在我的工作中有什么问题 –

。只需使用CTRL + F5 –

现在我自己找到了答案。

正如你看到有一个链接index.css，我有一点点不好的代码在我index.css那就是：

*, *:after, *:before{ 
    box-sizing: inherit; 
} 

*, * *,{ 
    /* Set your content font stack here: */ 
    font-family: 'arad', Times, "Times New Roman", serif !important; 
}

当我删除了，现在正常工作！通过这个标签https://jsfiddle.net/smit_patel/teg7kfc4/

做工精细的：

来源

2016-01-08 09:14:55

你确定这是问题吗？ CSS选择器有一个错误，所以整个规则应该被浏览器忽略。 –

@MrLister是的，当我删除这些行时，这对我有用。什么是我的CSS选择器问题？我看不到 –

底部以'*，* *，{'开头，这是不正确的。最后的逗号不应该在那里。因此，由于选择器中存在错误，浏览器会忽略整个样式规则。看到[这个小提琴]（https://jsfiddle.net/MrLister/1t88oku5/），一切都应该是红色的，但事实并非如此。（如果你删除了最后一个逗号，它_does_ work。） –

尝试使用<i>标签内<a>

<a href="#"><i class="fa fa-ban"></i>Test ban</a>

来源

2016-01-08 09:13:39

这个工作对我来说：https://jsfiddle.net/fka3gp1b/

我或许会稍微重新格式化您的代码，使字体真棒图标是锚元素的子元素如下：

<a href="#"><i class="fa fa-ban"></i>Test ban</a>

类似地，使用span标签的工作原理l：

<a href="#"><span class="fa fa-ban"></span>Test ban</a>

来源

2016-01-08 09:14:11

这对我的作品。

<a><i class="fa fa-2x fa-ban"></i>Test ban</a>

来源

2016-01-08 09:30:15

您不能直接使用<a>标签中的类我怀疑。

所以这

<a class="fa fa-ban">Test ban</a>

必须用

<a href="#"><i class="fa fa-ban"></i>Test ban</a>

来源

2016-01-08 09:31:46

字体真棒不与引导

回答

相关问题