Loading...

解决网页中英文字体的粗体太淡问题

自从安装了漂亮的苹果字体 Lucida Grande 之后,一度发现在浏览网页(例:浏览我的 blog)时某些英文单词粗体的大写 G 和小写 e 相比其它字母颜色较淡。开始怀疑是 LG 字体的问题,但很快发现不是这么回事,因为单独查看 LG 字体时一切正常,只能是别的什么出问题了。

刚才无意中在查看我当前的 WordPress 主题使用的 CSS 样式时发现,定义给导航栏的字体居然是 Ubuntu 下面根本不存在的 Windows 字体 Verdana,并且只有这一个字体……真不知道自己当时怎么搞的,font-family 这样定义明显是错误的(具体参见我的 CSS 教学文),于是乎把 Lucida Grande 字体加入并修改为正确的定义后。Ctrl + F5 刷新浏览器页面,原先太淡的粗体已经消失了。

问题还不算解决。因为我有权限修改自己网站的 CSS 样式,换了别的网站呢?刚好我正在看 IBM developerWorks 中国,页面上的粗体英文仍然很淡,碰到这样的情况只好修改 Firefox 设置了,我把步骤写在下面,其中某些可能不是必须的,请高手斧正:

  • 选择 Fonts for Western。
  • Proportional, Serif, Sans-Serif, Monospace 分别改回默认的 Serif, serif, sans-serif, monospace。
  • 将 Character Encoding 下的默认编码设置为 Unicode (UTF-8)。

Update: 忘记了很重要的一点。在进行以上步骤之前我已经将 Windows 下的 Tahoma 和 Verdana 字体包括它们各自的 bold 安装在 Ubuntu 中了。另外,我再次将 Firefox 中的字体设置为 Lucida Grande 后,英文字体显示一切正常。

Update 2: 如果仍然有问题的话,可以设置为不允许浏览器使用网页字体。

修改完毕后,IBM developerWorks 页面中那些难看的字体也全部改邪归正。 ^_^

以上内容仅供参考。

0Comment(s). Blabla or Trackback

Blabla ↓

Connecting to server...