粗体在Chrome/Firefox中太过粗体
Bold is too Bold in Chrome/Firefox
我在Safari中对此进行了测试,它运行良好,但当使用Chrome或Firefox时,粗体是粗体的方式。以下是我正在使用的代码块示例:HTML:
<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在左边,Chrome在中间,Firefox在右边:http://gyazo.com/219ff996619292b089d2b0866bb4a553
正如你所看到的,与Safari相比,Chrome和Firefox的粗体文本看起来"模糊"。
尝试给出数值而不是bold
#Users span{
font-weight: 600;
}
#Users2 span{
font-weight: 500;
}
#Users ul span.i{
font-style: italic;
}
您可以设置从100
到900
的值
100 : thin
200 : extra-light
300 : light
400 : normal
500 : medium
600 : semi-bold
700 : bold
800 : extra-bold
900 : ultra bold
相关文章:
- XMLHttpRequest - difference between Chrome & Firefox
- 长时间运行的脚本IE与Chrome/Firefox
- Javascript语法在Safari/Webkit中无效,在Chrome/Firefox中运行良好
- 代码在 Dreamweaver cs6 中工作,但在 chrome/firefox 中不起作用
- 在调试客户端时使用Chrome / Firefox
- Chrome/Firefox 使事件侦听器断点在停止之前跳过 jQuery 和其他库
- Chrome/Firefox 一次在所有 JavaScript onclick 事件上设置断点
- 未捕获的类型错误:无法读取IE和Chrome Firefox中未定义的属性“文档”很好
- 2D纹理渲染在Safari中闪烁,在Chrome / Firefox中很好
- 砌体JS插件 - Chrome / Firefox 问题
- Chrome/Firefox 中的 Rect 函数有什么用
- 在Chrome/Firefox中全屏按转义时未触发键下达事件
- 在PhantomJS中需要JS错误,但不是Chrome / FireFox
- Ruby Time to JavaScript Date in Chrome/Firefox
- 通过Google Chrome/Firefox Addon中的控制台访问/操作内容脚本
- 如何在Chrome/Firefox中导出ES6中的变量
- 在调用 window.location.asassigned 后,网页渲染在 chrome/firefox 之间的行为不
- 在将静态资源切换到CDN后,谷歌在Chrome+Firefox中映射错误,在Safari中很好:
- 粗体在Chrome/Firefox中太过粗体
- Chrome/Firefox中双美元符号选择器查询功能的来源是什么