0

我正在尝试使 h1 中的字体不那么粗体。看起来这些字母太胖了。

CSS：

h1 {color: #FFFFFF; font-family: ballparkweiner; font-size: 110px;
text-align: center; margin: 0px; }

@font-face {
    font-family: 'ballparkweiner';
    src: url('ballw___.eot');
    src: url('ballw___.eot?#iefix') format('embedded-opentype'),
         url('ballw___.woff') format('woff'),
         url('ballw___.ttf') format('truetype'),
         url('ballw___.svg#ballparkweiner') format('svg');
    font-weight: normal;
    font-style: normal;

}


h2 { margin: 0px; text-align: center; font-size: 40px; color: #FFFFFF; font-family: Cambria;}

body {background-color: #000000;}

h3 {text-align: center; color: #FFFFFF; }

#footer { font-weight: bold; text-align: center; font-family: Audimat;
    clear: both; width:48%;
        border-radius: 8px;
        background-color:black;
        text-align:center; margin-right:auto;
        margin-left:auto; color: #FFFFFF; }

从我在网上搜集的资料来看，大部分都说用font-weight：lighter；

但是当我使用 css 验证器时，这并不能验证。有任何想法吗？

4

3 回答 3

1

添加这个：

h1 { font-weight: normal; }

默认情况下，浏览器使用bold权重h1。由于您@font-face只声明了normal粗细字体，因此（某些）浏览器会在算法上加粗字形（即，使用一些简单的方法使笔画更宽）。

于 2013-04-22T06:40:18.393 回答
0

我实际上只是添加了字体粗细线（我把它放在@font face 下）

h1 {color: #FFFFFF; font-family: ballparkweiner; font-size: 110px;
text-align: center; margin: 0px; font-weight: lighter; }
于 2013-04-22T06:38:48.843 回答
0

我检查了你的 css 验证，你在哪里检查的？可能您检查了 css2 验证。在这里检查这是原始/最佳http://jigsaw.w3.org/css-validator/validator

于 2013-04-22T06:35:14.920 回答