Question

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"> 
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet"       href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Lato:400,300,100' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
<div class="container">
    <div class="row">
     <div class="col-md-6"><img src="http://placehold.it/150x150" class="img-responsive title-logo"></div>
     <div class="col-md-6 text-right text-uppercase title-thin">
     <h1>Trevor Cleworth</h1>
     <h3>Junior Web Developer</h3>
     </div>
    </div>
    <div class="row">
        <hr>
    </div>
    <div class="row">
        <div class="col-md-12">
            <img src="http://placehold.it/1400x350" class="img-responsive">
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
         <h3>Featured Work</h3>
        </div>
    </div>
    <div class="row text-center">
        <div class="col-md-3">
         <img src="http://placehold.it/220x220" class="img-responsive">
         <h3>Appify</h3>
         <p><a href="https://github.com/">Click to see</a></p>
        </div>
        <div class="col-md-3">
         <img src="http://placehold.it/220x220" class="img-responsive">
         <h3>Appify</h3>
         <p><a href="https://github.com/">Click to see</a></p>
        </div>
        <div class="col-md-3">
         <img src="http://placehold.it/220x220" class="img-responsive">
          <h3>Appify</h3>
          <p><a href="https://github.com/">Click to see</a></p>
        </div>
        <div class="col-md-3">
         <img src="http://placehold.it/220x220" class="img-responsive">
          <h3>Appify</h3>
          <p><a href="https://github.com/">Click to see</a></p>
        </div>  
    </div> 
</div>

这是与我的CSS文件连接的代码，字体系列可以工作，但字体重量不会，有人知道为什么会这样吗？我将在下面链接我的CSS。我一直试图找出问题大约三十分钟，但我还没有找到任何东西。如果有人能告诉我问题是什么，我会很感激它！

body {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #333333;
}

Answer 1

将@import url(http://fonts.googleapis.com/css?family=Lato);添加到您的css表中。然后告诉我它是如何工作的，我的笔记本电脑上的Windows字体中没有Lato字体

字体重量无响应

1 个答案: