不能减小标题的粗体大小1

问题描述：

我试图让h1中的字体不那么粗体。它看起来像字母只是胖。不能减小标题的粗体大小1

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; }

从我收集到上线的信息，最据说使用字体重量：轻;

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

你试过数字吗？ 'font-weight：100;/* 200,300,400 * /' – zkanoca 2013-04-22 06:27:56

是的，我试过数字和h1没有改变大小。 – KKP 2013-04-22 06:31:30

答

我检查了你的css验证，你在哪里检查？可能你检查了css2验证。请在这里这一个是原来的/最好http://jigsaw.w3.org/css-validator/validator

答

其实我刚刚添加的字体粗细线（我有它的@font下脸来代替）

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

是对您的问题的回答或编辑吗？ – 2013-04-22 06:40:26

答

补充一点：

h1 { font-weight: normal; }

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

不能减小标题的粗体大小1

相关推荐