Question

无论如何在html页面的标题中包含font-awesome和bootstrap inline

我的意思是代替使用我们在

中加入font-awesome和bootstrap

我使用的代码＆＃34;并且它可能不起作用而不显示图标＆＃34;是：

＆＃13;

    <style>
bootstrap.min.css
font-awesome.min.css
    </style>

＆＃13;

任何想法？

Answer 1

您可以包含

<link rel="stylesheet" type="text/css" href="boostrap.min.css">

如果您需要将样式表用于各种页面，则始终建议在单独的文件中定义公共样式表。级联样式表文件的扩展名为.css，它将使用标记包含在HTML文件中。

font awesome不能包含在任何其他样式表中，并使用相同的链接标记加载。

Answer 2

是的，但是我想将它包含在html的style标签中以提高速度..是否可能？

您在一个样式标记中内嵌CSS的想法并不是一个好主意。

您可能认为它会提高速度，因为您不依赖于外部链接来加载css，但您必须考虑这些脚本托管在内容分发网络上，连接速度非常快，并且大多数情况下，在一个文件中内嵌整个css是不值得的，除非你正在缩小，javascript和你的html，类似于Google的做法。

所以基本上，如果你这样做是为了提高速度，你需要有一个服务器任务来进行某种预编译，以便为你内联并最小化一切，所以除非你在你的代码中的瓶颈是加载2个css文件，我不会把时间浪费在这样的事情上。

Answer 3

你必须signup your email才能使用Font Awesome，然后你会得到一个js代码放在头部，看起来像这样

＆＃13;

texthelper.js

＆＃13;

for Bootstrap把它放在脑袋里

<!-- Font Awesome JS -->
<script src="https://use.fontawesome.com/a0aac8df13.js"></script>

Answer 4

如果你想在CSS中包含代码（如提到的OP），请使用@import指令，如下所示：

<style>
    @import url("bootstrap.min.css");
    @import url("font-awesome.min.css");
</style>

但是，请注意，不推荐这种做法，实际上增加加载时间。