小问题大烦恼之UTF-8下标题前面的小符号显示怪异

之前在写DIV+CSS页面时,所用到的公共通过属性中,字体的设置,一直用的是

引用内容 引用内容
font: 12px Arial, Helvetica, sans-serif;


但是有一个问题,“·”符号在UTF-8下所显示的样式与GB2312下显示的居然不一样,是半角的,让我烦恼不已。不过兵来将挡嘛,也不是没有解决之道,就是用图片啰。

最近在看凤凰网时,偶然的发现,该网站也是UTF-8编码的,而文章列表中用的不是图片,其“·”符号显示得非常完美,一番研究之后,才恍然大悟,原来是宋体。

正解:

引用内容 引用内容
font: 12px "宋体",Arial, Helvetica, sans-serif;



下面来看看演示:


HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



并且还发现,平常最烦恼的半角空格宽度问题,用字体样式在BODY里定义后,也得到了很好的解决。


HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]




Jimbor[2009-06-07 05:57 PM]del回复
列表前面的符号还是建议用背景来实现,维护列表代码的语意
回复来自 hayden 的评论 hayden2009-06-08 11:55 AM 回复
老兄高见,不过为了效率起见,我还是会有选择的使用符合或背景方式,呵呵。
发表评论
Name (required)
PassWord(游客发言不需要密码.)

虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.