Question

     <head>
         <link href="font.css" rel="stylesheet">
         <link href="main.css" rel="stylesheet">   
    </head>

“头部元素内部是两个链接元素。这些元素的顺序   链接元素很重要。


浏览器首先会看到自定义字体font.css的链接     使字体可在页面中使用。

接下来浏览器会看到main.css的链接。自浏览器现在开始     知道自定义字体，我们可以使用它从main.css到样式     元素“。

我希望有一个直觉/答案，为什么顺序很重要（链接到主CSS样式表之前的字体）？

我尝试以其他顺序执行此操作（在链接到字体之前链接到主样式表）并且它仍然有用。

Answer 1

当您覆盖CSS定义时，顺序很重要。这是级联样式表的“级联”的一部分。如果main.css不包含任何字体定义，则顺序无关紧要。

例如：您从设计人员那里获得了一个默认的CSS文件，但您需要稍微调整一下。您不必编辑default.css文件，而是创建custom.css文件，只更改您想要调整的少数几个定义。现在订单很重要。

<head>
    <link href="default.css" rel="stylesheet">
    <link href="custom.css" rel="stylesheet">   
</head>

如果您先放custom.css，那么您的更改将永远不会出现。

Here's an article进入更深层次的细节。警告，它可以使你的头旋转。