2014-09-21 175 views
0

我在Safari中对此进行了测试,效果很好,但使用Chrome或Firefox时粗体是粗体。这里是一个代码采样区块我使用: HTML:Chrome/Firefox中粗体粗体

<ul> 
    <font face="Times New Roman" size="2"> 
    <li> 
     <span> 
     Cooly Guy 
     </span> 
     - 
     <span class="i"> 
     Human 
     </span> 
     <br> 
     robot, alien, adi, 
     <br> 
     yolo, fa 
     <br> 
     youtube.com/yt.ID 
    </font> 
</li> 
</ul> 

CSS:

#Users span { 
    font-weight: bold; 
} 

#Users2 span { 
    font-weight: bold; 
} 

#Users ul span.i { 
    font-style: italic; 
} 

Safari浏览器在左边,铬在中心和Firefox上右:http://gyazo.com/219ff996619292b089d2b0866bb4a553

正如你与Safari相比,Chrome和Firefox的粗体文字看起来“模糊”。

+0

我不知道为什么这次却收到了下来票,对方的回答有收到3票。另一个答案仍然给我在其他浏览器上模糊粗体文本比Safari浏览器 – IE8IsBetterThenGoogleChrome 2014-09-21 15:54:52

+0

任何人?磕碰?? – IE8IsBetterThenGoogleChrome 2014-09-21 16:11:13

回答

5

尝试给代替bold

#Users span{ 
    font-weight: 600; 
} 
#Users2 span{ 
    font-weight: 500; 
} 

#Users ul span.i{ 
    font-style: italic; 

} 

数值可以设置的值从100900

100 : thin 
200 : extra-light 
300 : light 
400 : normal 
500 : medium 
600 : semi-bold 
700 : bold 
800 : extra-bold 
900 : ultra bold 
+1

注意这一点,并非所有的字体都是相同的:http://www.google.com/fonts/specimen/Raleway – coma 2014-09-21 15:24:53

+0

没有工作,下面是一个示例截图:http://gyazo.com/e77827053d30278e7c6268e3e920cbef - 左侧是Safari,右侧是Chrome。这是粗体文本的比较 – IE8IsBetterThenGoogleChrome 2014-09-21 15:25:11