调研雅黑字体在各浏览器的显示
直接写的代码，在各个浏览器测试总结的结果。如果有什么不全面，请各位大侠指正。结果在代码：
<!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>
<p style="font: 12px '微软雅黑' ">
code: font: 12px '微软雅黑' 调研雅黑字体在各个浏览器的显示 <a href="#">下划线测试</a>1234567890 ,.?!:''" ，。？！：；‘“”’…… []{}()<>|/\`~@#$%^&*-+=
</p>
<p style="font: 12px tahoma ">
code: font: 12px tahoma 调研雅黑字体在各个浏览器的显示 <a href="#">下划线测试</a>1234567890 ,.?!:''" ，。？！：；‘“”’…… []{}()<>|/\`~@#$%^&*-+=
</p>
<p style="font: 12px arial ">
code: font: 12px arial 调研雅黑字体在各个浏览器的显示 <a href="#">下划线测试</a>1234567890 ,.?!:''" ，。？！：；‘“”’…… []{}()<>|/\`~@#$%^&*-+=
</p>
<p style="font: 12px '宋体' ">
code: font: 12px '宋体' 调研雅黑字体在各个浏览器的显示 <a href="#">下划线测试</a>1234567890 ,.?!:''" ，。？！：；‘“”’…… []{}()<>|/\`~@#$%^&*-+=
</p>
<p style="font: 12px helvetica ">
code: font: 12px helvetica 调研雅黑字体在各个浏览器的显示 <a href="#">下划线测试</a>1234567890 ,.?!:''" ，。？！：；‘“”’…… []{}()<>|/\`~@#$%^&*-+=
</p>
<h4>微软雅黑字体</h4>
<p>1）下划线问题</p>
<p style="font: 12px '微软雅黑' ">
code: font: 12px '微软雅黑' <a href="#">在ie6,7，firefox下，下划线没有粘贴文字，其他浏览器都粘贴问题，很难看</a>
</p>
<p>2）13号字体问题</p>
<p style="font: 12px '微软雅黑' ">
code: font: 12px '微软雅黑' <a href="#">调研雅黑字体在各个浏览器的显示</a>
</p>
<p style="font: 13px '微软雅黑' ">
code: font: 13px '微软雅黑' <a href="#">还是13号字体，没变形</a>
</p>
<p style="font: 14px '微软雅黑' ">
code: font: 14px '微软雅黑' <a href="#">还是14号字体，没有变形</a>
</p>
<p>3) 中英文混排问题</p>
<p style="font: 12px '微软雅黑';">font: 12px '微软雅黑'; <a href="">如果一行里同时出现中文和英文，即使这一行里有元素被定义了 <span style="vertical-align: bottom;">vertical</span>-align 属性，显示正常。</a></p>
<p style="font: 12px tahoma;">font: 12px tahoma; <a href="">如果一行里同时出现中文和英文，且这一行里有元素被定义了 <span style="vertical-align: bottom;">vertical</span>-align 属性，在IE6-8 里会导致文字高低不齐，甚至下划线错位。</a></p>
<p style="font: 12px arial;">font: 12px arial; <a href="">如果一行里同时出现中文和英文，且这一行里有元素被定义了 <span style="vertical-align: bottom;">vertical</span>-align 属性，在IE6-8 里会导致文字高低不齐，甚至下划线错位。</a></p>
<p style="font: 12px '宋体';">font: 12px '宋体'; <a href="">如果一行里同时出现中文和英文，即使这一行里有元素被定义了 <span style="vertical-align: bottom;">vertical</span>-align 属性，显示正常</a></p>
</body>
<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>
<p style="font: 12px '微软雅黑' ">
code: font: 12px '微软雅黑' 调研雅黑字体在各个浏览器的显示 <a href="#">下划线测试</a>1234567890 ,.?!:''" ，。？！：；‘“”’…… []{}()<>|/\`~@#$%^&*-+=
</p>
<p style="font: 12px tahoma ">
code: font: 12px tahoma 调研雅黑字体在各个浏览器的显示 <a href="#">下划线测试</a>1234567890 ,.?!:''" ，。？！：；‘“”’…… []{}()<>|/\`~@#$%^&*-+=
</p>
<p style="font: 12px arial ">
code: font: 12px arial 调研雅黑字体在各个浏览器的显示 <a href="#">下划线测试</a>1234567890 ,.?!:''" ，。？！：；‘“”’…… []{}()<>|/\`~@#$%^&*-+=
</p>
<p style="font: 12px '宋体' ">
code: font: 12px '宋体' 调研雅黑字体在各个浏览器的显示 <a href="#">下划线测试</a>1234567890 ,.?!:''" ，。？！：；‘“”’…… []{}()<>|/\`~@#$%^&*-+=
</p>
<p style="font: 12px helvetica ">
code: font: 12px helvetica 调研雅黑字体在各个浏览器的显示 <a href="#">下划线测试</a>1234567890 ,.?!:''" ，。？！：；‘“”’…… []{}()<>|/\`~@#$%^&*-+=
</p>
<h4>微软雅黑字体</h4>
<p>1）下划线问题</p>
<p style="font: 12px '微软雅黑' ">
code: font: 12px '微软雅黑' <a href="#">在ie6,7，firefox下，下划线没有粘贴文字，其他浏览器都粘贴问题，很难看</a>
</p>
<p>2）13号字体问题</p>
<p style="font: 12px '微软雅黑' ">
code: font: 12px '微软雅黑' <a href="#">调研雅黑字体在各个浏览器的显示</a>
</p>
<p style="font: 13px '微软雅黑' ">
code: font: 13px '微软雅黑' <a href="#">还是13号字体，没变形</a>
</p>
<p style="font: 14px '微软雅黑' ">
code: font: 14px '微软雅黑' <a href="#">还是14号字体，没有变形</a>
</p>
<p>3) 中英文混排问题</p>
<p style="font: 12px '微软雅黑';">font: 12px '微软雅黑'; <a href="">如果一行里同时出现中文和英文，即使这一行里有元素被定义了 <span style="vertical-align: bottom;">vertical</span>-align 属性，显示正常。</a></p>
<p style="font: 12px tahoma;">font: 12px tahoma; <a href="">如果一行里同时出现中文和英文，且这一行里有元素被定义了 <span style="vertical-align: bottom;">vertical</span>-align 属性，在IE6-8 里会导致文字高低不齐，甚至下划线错位。</a></p>
<p style="font: 12px arial;">font: 12px arial; <a href="">如果一行里同时出现中文和英文，且这一行里有元素被定义了 <span style="vertical-align: bottom;">vertical</span>-align 属性，在IE6-8 里会导致文字高低不齐，甚至下划线错位。</a></p>
<p style="font: 12px '宋体';">font: 12px '宋体'; <a href="">如果一行里同时出现中文和英文，即使这一行里有元素被定义了 <span style="vertical-align: bottom;">vertical</span>-align 属性，显示正常</a></p>
</body>
</html>
欢迎大家拍砖。我没有显示行号。方便大家可以直接copy代码在浏览器中查看效果，检验。Note："雅黑"字体必须写上"微软雅黑"
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述