我应该在哪个CSS样式表中放置我的Web字体？

Question

我通常会将我的字体放在主样式表中，以便它们只声明一次。但我正在其他人的网站上工作，并且他们已经在各个页面的单独样式表中声明了它（虽然在整个网站上使用了网络字体）这样做有什么害处方式是什么？

Answer 1

如果字体规则适用于其相应页面中包含的每个样式表，则行为将与主样式表中的行为完全相同。

唯一的问题是如果您需要更改字体，因为您必须在所有单独的样式表中更改它。

当用户第一次访问网站时，不会有任何性能影响，字体将被下载和缓存，从那时起，任何其他页面都将从缓存中获取。

Answer 2

这样做没有“伤害”，它会起作用。

对我来说，这是一种非常低效的编码方式......如果为每个页面单独声明样式是绝对必须的，那么为什么不在每个页面上给出包装元素/ div的唯一ID，并使用一个样式表来定位它们他们唯一的ID选择器？

Answer 3

知道所有页面都使用了字体，我会将其添加到主样式表中，而不是将其复制到单独的小页面中，这些页面是为了在页面中的特定目的而创建的，以及在所有页面中使用的任何页面。

通过这种方式组织样式表（或任何代码）可以消除不必要的重复，并且可以更快速，更轻松地进行全局更改。它还提高了可读性。