小问题大烦恼之UTF-8下标题前面的小符号显示怪异
作者:hayden 日期:2009-06-03
之前在写DIV+CSS页面时,所用到的公共通过属性中,字体的设置,一直用的是
引用内容
但是有一个问题,“·”符号在UTF-8下所显示的样式与GB2312下显示的居然不一样,是半角的,让我烦恼不已。不过兵来将挡嘛,也不是没有解决之道,就是用图片啰。
最近在看凤凰网时,偶然的发现,该网站也是UTF-8编码的,而文章列表中用的不是图片,其“·”符号显示得非常完美,一番研究之后,才恍然大悟,原来是宋体。
正解:
引用内容
下面来看看演示:
HTML代码
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
并且还发现,平常最烦恼的半角空格宽度问题,用字体样式在BODY里定义后,也得到了很好的解决。
HTML代码
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
引用内容font: 12px Arial, Helvetica, sans-serif;
但是有一个问题,“·”符号在UTF-8下所显示的样式与GB2312下显示的居然不一样,是半角的,让我烦恼不已。不过兵来将挡嘛,也不是没有解决之道,就是用图片啰。
最近在看凤凰网时,偶然的发现,该网站也是UTF-8编码的,而文章列表中用的不是图片,其“·”符号显示得非常完美,一番研究之后,才恍然大悟,原来是宋体。
正解:
引用内容font: 12px "宋体",Arial, Helvetica, sans-serif;
下面来看看演示:
HTML代码[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
并且还发现,平常最烦恼的半角空格宽度问题,用字体样式在BODY里定义后,也得到了很好的解决。
HTML代码[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


列表前面的符号还是建议用背景来实现,维护列表代码的语意
hayden 于 2009-06-08 11:55 AM 回复
老兄高见,不过为了效率起见,我还是会有选择的使用符合或背景方式,呵呵。
发表评论


文章来自:
Tags: