《
页面设计中的中文测试》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302349612013.htm
上图：2004年网易新闻头条模块（标题是图片）
下图：2010年网易消息头条模块（题目20px黑体）
兴许是微软意识到了非罗马文字的苦楚，因而才在Vista体系中默认推出了经由精心设计的&ldquo,面向对象的XHTML与CSS编程;微软雅黑&rdquo,非常实用的CSS统计图表实例;字体（中国方正团体设计），全面支持ClearType（亚像素微调字体平滑）技巧，以代替目前已经审美疲劳的“宋体”。留神，不是对中国用户的偏爱，Vista为日文、韩文也分辨设计了CleraType专用字体。
最早大略在2002年左右，为了追求更酷更炫的字体效果，中国设计师们尝试过用CSS2的@font-face属性嵌入OpenType字体文件（eot或ote等格式）。定义样式如下：
@font-face { font-family:'comic'; src:url('');}
@font-face { font-family:'dreamy'; font-weight:bold; src:url('');}
Tag：页面设计 页面设计
然而，由于Vista之前操作系统的浏览器显示“微软雅黑”后果欠佳，且不同操作系统、不同浏览器对“微软雅黑”的支持和渲染还存在问题，目前中文网页设计师还不敢容易的大批定义“微软雅黑”字体。也许要等到IE6完整淘汰，或者Windows7 + IE8的时期，才干实现更新革命。
但这个方案很麻烦，且效力低下支持不好，所以用的极少。第一,静态页面制作注意事项，中文字体文件个别很大，在效率角度斟酌轻易影响可拜访性。第二，此计划不具备通用性，针对不同阅读器须要不同格局字体文件来支撑。问题二在去年7月已经有国外同行解决了，简略总结如下：
2004年赵鹏在blueidea发表如何使用11px及10px的清晰汉字，胪陈了如何在Photoshop中使用以上三种字体样式。web利用也相似，只要把页面样式定义为UTF-8编码。如下是效果图：
--> [
网站建设之]页面设计中的中文测试
EOT格式，适用于IE TTF或OTF格式，适用于Firefox, Safari, Opera SVG格式，实用于Chrome
同时，为了寻求中文更丰盛的表示情势，中国设计师也作出了不懈摸索。比方日文字体Mingliu跟PMingliu可以清楚显示11px的中文，甚至10px也能够用MS UI Gothic来显示，这些字体在所有Windows系统中都有。定义款式如下：
font-size:11px; font-family:Mingliu;
font-size:11px; font-family:PMingliu;
font-size:10px; font-family:MS UI Gothicu,陈凯：浅谈影响B2C网站转化率的七大因素;
以上提到了良多种字体魄式，有网站在线供给转换工具。可以看到，各浏览器的兼容模式相称庞杂，并且依据测试成果，各浏览器一直进级进程中还会遇到问题。所以，我想完善解决我想还有段时间，受制于标准未同一。定义样式如下：
@font-face {
font-family:'FontName';
src:url('FontFileName.eot');
src:local('FontName Regular'), local('FontName'), url('FontFileName.ttf') format('truetype'), url('FontFileName.svg#FontName') format('svg');}
.FontName { font-family:"FontName";}
但是小技能、小把戏同样经不起时光的考验，究竟10px和11px字号在日趋增大的辨别率下可辨认性并不好。所以咱们忙了一圈又回来了，当初常用的字体字号简直与八九年前无异，只不外因为屏幕和分辩率的增大，惯例字号由12px增大到了14px。另外据我察看，大号&ldquo,阿里巴巴无线端设计 用户在网站端的认知映射;黑体”字的应用频率在增高，在新闻资讯类网站常见。
(责任编辑：网站建设)
页面设计中的中文测试相关文章