Question

因此，我目前正在尝试为登录页面合并2个单独的.css文件。他们都导入不同的谷歌字体，问题是，你们都知道最后的.css风格会覆盖第一个。是否有一个很好的方法来处理这个问题，还是通常不会做的事情？所有班级名称也不同。

<link href='http://fonts.googleapis.com/css?family=Raleway:600,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>

也许我只是没有以正确的方式呼叫.css ...如果您需要我的更多信息，请告诉我。这是一个常见的问题吗？

Answer 1

Google字体允许您将所有字体添加到集合中，因为您是单独执行此操作，它会被覆盖。

<link href='http://fonts.googleapis.com/css?family=Lato:400,700,300italic|Raleway:600,900' rel='stylesheet' type='text/css'>

Answer 2

这根本不应该是任何问题。 Google字体将单独加载。您将通过编写以下代码将其称为您的CSS

h1, h2, h3 {
    font-family: 'Raleway';
}

p {
    font-family: 'Lato';
}

Answer 3

利用字体配对。

在这种情况下，您在每种字体类型之间放置一个竖线字符（垂直线）。

代码如下所示：

<link href='http://fonts.googleapis.com/css?family=Raleway:600,900|Lato:300,400,700' rel='stylesheet' type='text/css'>

You can read more here

两个.CSS风格在一个页面？

3 个答案: