Question

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet">

我正在使用这两个链接但不适用于我的文件。

Answer 1

你可以同时使用它们，这应该不是问题。

要使字体应用于您的网站，您还需要一些CSS规则。这些也需要具有比boostrap文件更高的优先级，或者相同的优先级，但是在引导程序文件之后应用。

Answer 2

你可以更具体，什么不起作用？你有没有尝试更改要更改字体的元素的font-family？这是应用于正文的字体。

＆＃13;

body {
  font-family: 'Lato', sans-serif;
}

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet">
  <title>JS Bin</title>
</head>

<body>
  <h1>Hello World</h1>
</body>

</html>

＆＃13;

https://jsbin.com/wotusas/

为什么我不能在同一个html文件中使用bootstrap和字体链接？

2 个答案: