我正在使用Bootstraps glyphicons,包括它们:
<!-- Load Bootstrap CSS (Flatly) and Javascript -->
<link rel="stylesheet" href="http://bootswatch.com/flatly/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
在我加载glyphicons CSS文件之前,我的字体很好。我没有设置字体,而是使用任何Bootstrap或jQuery默认设置字体。
现在我已经包含了glyphicon CSS文件,我的字体已经改变了。我可以在忽略字体时使用字形符吗?
答案 0 :(得分:2)
正如您在此处看到的那样 http://www.bootply.com/5Amv5odg7X 您不需要单独加载glyphicons,只需确保在之前加载股票Bootstrap ,然后您很高兴去。
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://bootswatch.com/flatly/bootstrap.min.css">
此外,通常认为最佳做法是在所有html内容之后加载.js
文件,因此不会影响页面加载。
答案 1 :(得分:1)
您正在使用自定义版本的Bootstrap css,该版本已包含图标并导入自定义Google字体。检查您要链接到的文件:
<link rel="stylesheet" href="http://bootswatch.com/flatly/bootstrap.min.css">
此文件包含嵌入其中的字形的所有样式,因此无需单独添加指向<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
的cdn的链接。
对于字体“更改”,此文件中的第一行从Google导入Lato字体并设置为正文字体。如果您不想使用自定义字体,请下载平坦的css文件(而不是链接到远程文件)并删除css文件顶部的import语句。或者,覆盖您自己的css文件中的样式。 (最好做前者,因为如果您不使用Google字体,那么让您的网站访问者下载Google字体会很浪费。)