Question

在我的HYML页中，有以下CSS链接

myPage.html

<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i"
rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<link
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
crossorigin="anonymous">
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.0.10/css/all.css"
integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg"
crossorigin="anonymous">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto"
rel="stylesheet">

是否有一种方法可以将链接重新组合成一个链接并调用它，而不是使用所有此代码行？

Answer 1

用于将其标记为答案。

查看this page，您会发现所需的任何东西。

附加链接的内容摘要

<style type="text/css">
    @import url("main.css");
</style>

main.css 所在的位置：

@import "file1.css";
@import "file2.css";
@import "file3.css";
@import "file4.css";
@import "file5.css";

这些是文件名。

Answer 2

您可以在主CSS文件中使用@import语句。不确定这是否可以与FontAwesome一起使用。

您还多次导入了字体家族“ Roboto”，并且也导入了FontAwesome。那是故意的吗？

将所有CSS链接重新组合到一行

2 个答案: