Question

我的HTML文件是： -

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Kitty Portfolio</title>
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col-md-6">
            <img src="http://placehold.it/100x100" class="img-responsive" alt="Logo">
        </div>
        <div class="col-md-6 text-uppercase text-right">
          <h1 class="super-text">Jane Doette</h1>
          <h3>Front-end Ninja</h3>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12">
          <hr>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12">
          <img src="http://placehold.it/1140x350" class="img-responsive">
        </div>
      </div>
      <div class="row">
        <div class="col-md-12">
          <h2>Featured Work</h2>
        </div>
      </div>
      <div class="row text-center">
        <div class="col-md-4">
          <img src="http://placehold.it/555x300" class="img-responsive">
          <h3>Appify</h3>
          <p><a href="http://github.com">Link to project</a></p>
        </div>
        <div class="col-md-4">
          <img src="http://placehold.it/555x300" class="img-responsive">
          <h3>Sunflower</h3>
          <p><a href="http://github.com">Link to project</a></p>
        </div>
        <div class="col-md-4">
          <img src="http://placehold.it/555x300" class="img-responsive">
          <h3>Bokeh</h3>
          <p><a href="http://github.com">Link to project</a></p>
        </div>
      </div>
    </div>
   </body>
  </html>

我的css文件是： -

.super-text {
    font-size: 60px;
    font-weight: 200;
}


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

现在，当我在浏览器中打开html文件时。字体样式和颜色使它，但字体权重也不影响屏幕上的任何文本。我试过mozilla firefox，chrome和Internet explorer，这些浏览器都没有做任何好事。有谁知道我的问题可能在哪里。

Answer 1

将CSS中的font-eight更改为700px

Answer 2

我没有遇到这3个浏览器都没有任何问题，但我用

得到了更好的结果

font-size: 60pt;

而不是在css文件中使用px来表示大小。

字体重量不适用于任何浏览器

2 个答案: