天缘博客目前已支持雅黑字体显示,这样在Vista/Windows 7上会看起来更舒服点,问题虽小不过在测试时还是有些小的细节问题,这里总结一下,网页字体显示要求浏览者必须具有相应的本地字库,才会正常显示,否则将会按照系统默认的字体显示,所以设计网页就不得不考虑用户体验问题,虽然Vista/Windows 7已经发布并流行很久了,而Windows XP依然“东方不败”,占据过半市场,宋体依然是各大中文门户不二选择的主要原因。
一、网页中文字体
主流中文字体包括:微软雅黑、宋体、黑体。相对其它那些琥珀、隶书等,前面提到的中文字体相对较为安全,对中文网站而言,宋体的适应性最强,黑体老二,微软雅黑次之。
其它的新宋体、仿宋和楷体尽量不要用,对很多英文操作系统用户,即时是加装了中文语言包,也至多只有上面提到的六种中文字体(不算Adobe装入字体)。
宋体在VISTA和Windows 7下显示效果的却不太好看,难怪很多VISTA老用户对宋体如此反感,天缘自己用了一段时间Windows 7也比较认可雅黑似乎更好一点(虽然心底更倾向于传统的宋体),感觉主要原因还是跟Windows 7的Clear Type有关(跟分辨率应该没有关系,因为同样分辨率换成XP系统一样会显示很好),对小字号的宋体处理并不好,实际上把字号调上去之后,宋体效果在Vista/Windows 7上一样很好,可惜系统字体又是雅黑,这样一搭配就变成不伦不类的“丑感”了。
天缘博客是个偏向技术类博客,文章本来就长,字体又不能改的太大,再大页面就会更长,所以还是换成微软雅黑了。
二、网页英文字体
主流的英文字体包括:Verdana,Georgia,Courier New,sans-serif,Arial,Times New Roman,Impact
上面六种字体在英文站中算是用的最多的(天缘简单调查了五六个英文站),也是比较安全的字体,在各浏览器上显示统一性也比较好,此外,还可以使用Lucida Console,Lucida Sans Unicode,Tahoma,Impact,Lucida Grande,Helvetica等安全字体。
下图是Dreamweaver CS5上推荐的英文字体,仅供参考:
三、中文字体拼音及Unicode对照表
在CSS中使用中文或拼音均可以,如果发现CSS精神错乱,可以使用Unicode编码代替(延伸阅读:Unicode百科)。下表左侧列字体是按照对应的字体名称设置风格的,部分效果可能看不到应该是因为您的机子上缺少该字体或操作系统不支持。
<wbr></wbr>
中文名
英文名
Unicode
Mac OS
华文细黑 |
STHeiti Light [STXihei] |
\534E\6587\7EC6\9ED1 |
华文黑体 |
STHeiti |
\534E\6587\9ED1\4F53 |
华文楷体 |
STKaiti |
\534E\6587\6977\4F53 |
华文宋体 |
STSong |
\534E\6587\5B8B\4F53 |
华文仿宋 |
STFangsong |
\534E\6587\4EFF\5B8B |
丽黑 Pro |
LiHei Pro Medium |
\4E3D\9ED1 Pro |
丽宋 Pro |
LiSong Pro Light |
\4E3D\5B8B Pro |
苹果丽中黑 |
Apple LiGothic Medium |
\82F9\679C\4E3D\4E2D\9ED1 |
苹果丽细宋 |
Apple LiSung Light |
\82F9\679C\4E3D\7EC6\5B8B |
Windows
黑体 |
SimHei |
\9ED1\4F53 |
宋体 |
SimSun |
\5B8B\4F53 |
新宋体 |
NSimSun |
\65B0\5B8B\4F53 |
仿宋 |
FangSong |
\4EFF\5B8B |
楷体 |
KaiTi |
\6977\4F53 |
仿宋_GB2312 |
FangSong_GB2312 |
\4EFF\5B8B_GB2312 |
楷体_GB2312 |
KaiTi_GB2312 |
\6977\4F53_GB2312 |
微软正黑体 |
Microsoft JhengHei |
\5FAE\x8F6F\6B63\9ED1\4F53 |
微软雅黑 |
Microsoft YaHei |
\5FAE\8F6F\96C5\9ED1 |
<wbr></wbr>
本表格来源(节选):PRCSS
四、网站字体设置方法
这个比较简单,字体可以通过元素的style特性,还可以直接写到CSS文件里,在JS里动态设置也可以(效果相同一般只做特殊用途),例如:
写在元素的style特性里(示例):
<div style="font-family:Verdana, sans-serif">http://www.metsky.com</div>
写在CSS风格文件里(示例):
来源:(http://blog.sina.com.cn/s/blog_58f71ef00100j3j4.html) - 网页中、英文安全字体选择及设置_流云_新浪博客
body { margin:0; padding:0; font-family:Arial,"Microsoft YaHei",Simsun; }
注意:上述字体在使用时,如果是中文字体(或英文字体名超过一个单词的字体)时,需使用双引号扩起来,比如:font- family:Arial,"Microsoft YaHei","宋体";
五、字体使用参考建议
1、使用黑体字体的字号建议不要小于18px,否则在1024×768分辨率下,黑体显示会有些“变形”,不太美观,再加粗的情况下会很丑(字号像素知识:知识百科:中文字号、磅和像素对照关系)。
2、在网页设置可以把雅黑和宋体两种字体全部写上,似乎如果不设置宋体字体,可能在1280×800等宽屏分辨率下,使用Windows XP的用户会对雅黑字体网站显示模糊,天缘实测过调整平滑也没效果,也可能测试的有问题(暂不确定)。
3、IE6及IE8的兼容模式似乎对类似Arial,"Microsoft YaHei","SimHei"这样的组合标识认识有问题,单独字体设置没有问题。
4、感觉IE这么好的浏览器,被微软越做越难用了,包括IE8,兼容性比起Firefox、Chrome、Opera等差远了。
5、安全是相对的,不安全是绝对的。
来源:(http://blog.sina.com.cn/s/blog_58f71ef00100j3j4.html) - 网页中、英文安全字体选择及设置_流云_新浪博客
分享到:
相关推荐
而且CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。JavaScript是我认为我所学的技术里面最高端的一种技术。JavaScript是一种基于对象和...
中文字体 英文字体 图形字体 | 设计软件 书籍下载 | 素材图库 网页模板 源文件 | 网站推荐 作品欣赏 网络赚钱 ASP 源码 ASP.NET源码 PHP 源码 Jsp源代码 CGI 源码 JAVA特效 江湖社区 其他源码 教程文章 设计欣赏 ...
·单页面浏览:不同网页都在不同窗口中打开,更安全,网页轻松切换,关闭网页也采用了大“X”按键。 ·可设置多个首页。即软件启动时,可同时打开多个起始页。 ·可增大、缩小,任意改变网页缩放比例。 ...
*语音朗读版--电脑真人语音(电视台专业播音员)朗读网页上的中、英文。 ·浏览网页时,选中要朗读的文字,然后单击“喇叭”图标即可朗读。 ·语音朗读采用独立的外部进程,这样对浏览器的资源占用没直接的...
1.新闻增加了“大、中、小”字体的设置; 2.首面横幅广告增加了对图片广告的支持; 3.修改了新闻评论中英文不能自己动换行的错误; 4.修正了产品编号长度不够的问题; 5.企业简介的栏目自动生成; 6.新闻资讯的分类自动...
但以其精巧实用的特色功能及优良操作界面深得用户的青睐。在各大下载网站浏览器类下载名列前茅。 MiniIE浏览器功能 使用时注意鼠标右键功能--鼠标在图标按钮上略作停留,即有操作提示说明。多数图标控件上鼠标的...
要通过组建完整的安全管理组织机构,设置安全保密管理人员,制定严格的安全保密管理制度,利用先进的安全保密管理技术对整个涉密计算机信息系统进行管理。 9.什么是超文本标记语言(HTML,Hyper Text Markup ...
您还可以选择将来自多个网页的内容或仅将其中的选定部分转换为单个Word文档。转换后的文档可以下载到本地磁盘。该扩展读取当前页面或所选部分HTML结构,并将其转换为相应的docx结构。限制:-1.安装/更新-安装或更新...
软件安装后仅在桌面及开始菜单中显示“MiniIE”(因为一些用户认为“裸奔”不雅,所以安装后在电脑里的任何地方均不显示"裸奔"。呵呵...); 驾驭MiniIE,与千百万用户共同体验快捷的冲浪感受。 初次使用,将鼠标在各...
下载一个大约10M的扩展以后,它甚至可以让你用语音控制以及阅读网页(英文)。而以上的这些,包括右键菜单都是可以由用户自定义的。 Opera支持包括SSL 2/3以及TLS在内的各种安全协议,支持256位加密,可以抵御...
下载一个大约10M的扩展以后,它甚至可以让你用语音控制以及阅读网页(英文)。而以上的这些,包括右键菜单都是可以由用户自定义的。 Opera支持包括SSL 2/3以及TLS在内的各种安全协议,支持256位加密,可以抵御...
(当然,在网页里定义了全局样式表的话,就不需要修改这项设置了,但应该教会最终用户如何设置字体达到最佳显示效果。) 6. 启用文件上传 FCKeditor提供了非常强大和易用的文件上传功能,但是默认配置里,文件...
制作的字体和语言文件只在“相关网页3”下载的“a650-100d-0.9.6-714”版本“CHDK”下测试过,作者并不能保证这些文件的通用性和安全性,也不承担任何可能由这些文件造成的损失,只保证在制作它们的过程中没有任何...
2、独创的语言包编辑功能,用户可以通过网站管理后台轻松的编辑网站语言包,从而控制前台显示语言和语言参数(字体、文字大小、网页背景、显示字数等等); 界面风格 1、全站文字、系统栏目、信息内容及主要图片支持...
(当然,在网页里定义了全局样式表的话,就不需要修改这项设置了,但应该教会最终用户如何设置字体达到最佳显示效果。) 6. 启用文件上传 FCKeditor提供了非常强大和易用的文件上传功能,但是默认配置里,文件上传...
下载一个大约10M的扩展以后,它甚至可以让你用语音控制以及阅读网页(英文)。而以上的这些,包括右键菜单都是可以由用户自定义的。 Opera支持包括SSL 2/3以及TLS在内的各种安全协议,支持256位加密,可以抵御恶意...
英文简称: ZhiRui_Shool 软件版本: VER 2.7.0 智睿学校网站系统: 定位教育网行开发的系统,网站首页 学校概况 校园新闻 德育教学 校园风彩 资源下载 求贤纳士 成绩查询 网上报名 联系我们 校园信箱等学校网站常用的...
0216 如何把选择的文件图标显示在列表中 143 0217 根据表格中的数据长度自动调整表格宽度 144 7.2 ADO数据处理技术 145 0218 如何把ADO中的数据导入到ListBox中 145 0219 使用SQL语句保存数据 146 0220 ...