调研雅黑字体在各浏览器的显示

直接写的代码，在各个浏览器测试总结的结果。如果有什么不全面，请各位大侠指正。结果在代码：

<!DOCTYPE HTML>
<html >
<head>
 <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
 <style type="text/css">
 h4{
 margin:5px;
 padding:0px;
 border-bottom:1px solid #000;
 }
 </style>
 <title>微软雅黑字体的调研</title>
</head>
<body>
 <h4>先看看效果</h4>

 
 code: font: 12px '微软雅黑' 调研雅黑字体在各个浏览器的显示 <a href="#">下划线测试</a>1234567890 ,.?!:''" ，。？！：；‘“”’…… []{}()<>|/\`~@#$%^&*-+=
 
 
 code: font: 12px tahoma 调研雅黑字体在各个浏览器的显示 <a href="#">下划线测试</a>1234567890 ,.?!:''" ，。？！：；‘“”’…… []{}()<>|/\`~@#$%^&*-+=
 
 
 code: font: 12px arial 调研雅黑字体在各个浏览器的显示 <a href="#">下划线测试</a>1234567890 ,.?!:''" ，。？！：；‘“”’…… []{}()<>|/\`~@#$%^&*-+=
 
 
 code: font: 12px '宋体' 调研雅黑字体在各个浏览器的显示 <a href="#">下划线测试</a>1234567890 ,.?!:''" ，。？！：；‘“”’…… []{}()<>|/\`~@#$%^&*-+=
 
 
 code: font: 12px helvetica 调研雅黑字体在各个浏览器的显示 <a href="#">下划线测试</a>1234567890 ,.?!:''" ，。？！：；‘“”’…… []{}()<>|/\`~@#$%^&*-+=
 

 <h4>微软雅黑字体</h4>
 1）下划线问题
 
 code: font: 12px '微软雅黑' <a href="#">在ie6,7，firefox下，下划线没有粘贴文字，其他浏览器都粘贴问题，很难看</a>
 
 2）13号字体问题
 
 code: font: 12px '微软雅黑' <a href="#">调研雅黑字体在各个浏览器的显示</a>
 
 
 code: font: 13px '微软雅黑' <a href="#">还是13号字体，没变形</a>
 
 
 code: font: 14px '微软雅黑' <a href="#">还是14号字体，没有变形</a>
 
 3) 中英文混排问题
 font: 12px '微软雅黑'; <a href="">如果一行里同时出现中文和英文，即使这一行里有元素被定义了 vertical-align 属性，显示正常。</a>
 font: 12px tahoma; <a href="">如果一行里同时出现中文和英文，且这一行里有元素被定义了 vertical-align 属性，在IE6-8 里会导致文字高低不齐，甚至下划线错位。</a>
 font: 12px arial; <a href="">如果一行里同时出现中文和英文，且这一行里有元素被定义了 vertical-align 属性，在IE6-8 里会导致文字高低不齐，甚至下划线错位。</a>
 font: 12px '宋体'; <a href="">如果一行里同时出现中文和英文，即使这一行里有元素被定义了 vertical-align 属性，显示正常</a>
</body>

</html>

欢迎大家拍砖。我没有显示行号。方便大家可以直接copy代码在浏览器中查看效果，检验。Note："雅黑"字体必须写上"微软雅黑"

posted @ 2011-04-11 09:03 yupeng 阅读(2022) 评论(3) 编辑收藏举报

刷新页面返回顶部

yupeng

web开发工程师

调研雅黑字体在各浏览器的显示

公告