zoukankan      html  css  js  c++  java
  • 调研雅黑字体在各浏览器的显示

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

    <!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>
        
        
    <style="font: 12px '微软雅黑' ">
        code: font: 12px '微软雅黑'    调研雅黑字体在各个浏览器的显示 
    <href="#">下划线测试</a>1234567890 ,.?!:''" ,。?!:;‘“”’…… []{}()<>|/\`~@#$%^&*-+=
        
    </p>
        
    <style="font: 12px tahoma ">
        code: font: 12px tahoma   调研雅黑字体在各个浏览器的显示 
    <href="#">下划线测试</a>1234567890 ,.?!:''" ,。?!:;‘“”’…… []{}()<>|/\`~@#$%^&*-+=
        
    </p>
        
    <style="font: 12px arial ">
        code: font: 12px arial    调研雅黑字体在各个浏览器的显示 
    <href="#">下划线测试</a>1234567890 ,.?!:''" ,。?!:;‘“”’…… []{}()<>|/\`~@#$%^&*-+=
        
    </p>
        
    <style="font: 12px '宋体' ">
        code: font: 12px '宋体'    调研雅黑字体在各个浏览器的显示 
    <href="#">下划线测试</a>1234567890 ,.?!:''" ,。?!:;‘“”’…… []{}()<>|/\`~@#$%^&*-+=
        
    </p>
        
    <style="font: 12px helvetica ">
        code: font: 12px helvetica   调研雅黑字体在各个浏览器的显示 
    <href="#">下划线测试</a>1234567890 ,.?!:''" ,。?!:;‘“”’…… []{}()<>|/\`~@#$%^&*-+=
        
    </p>
        
        
    <h4>微软雅黑字体</h4>
        
    <p>1)下划线问题</p>
        
    <style="font: 12px '微软雅黑' ">
         code: font: 12px '微软雅黑'   
    <href="#">在ie6,7,firefox下,下划线没有粘贴文字,其他浏览器都粘贴问题,很难看</a>  
        
    </p>
        
    <p>2)13号字体问题</p>
        
    <style="font: 12px '微软雅黑' ">
         code: font: 12px '微软雅黑'   
    <href="#">调研雅黑字体在各个浏览器的显示</a>  
        
    </p>
        
    <style="font: 13px '微软雅黑' ">
         code: font: 13px '微软雅黑'   
    <href="#">还是13号字体,没变形</a>  
        
    </p>
        
    <style="font: 14px '微软雅黑' ">
         code: font: 14px '微软雅黑'   
    <href="#">还是14号字体,没有变形</a>  
        
    </p>
        
    <p>3) 中英文混排问题</p>
        
    <style="font: 12px '微软雅黑';">font: 12px '微软雅黑'; <href="">如果一行里同时出现中文和英文,即使这一行里有元素被定义了 <span style="vertical-align: bottom;">vertical</span>-align 属性,显示正常。</a></p>
        
    <style="font: 12px tahoma;">font: 12px tahoma; <href="">如果一行里同时出现中文和英文,且这一行里有元素被定义了 <span style="vertical-align: bottom;">vertical</span>-align 属性,在IE6-8 里会导致文字高低不齐,甚至下划线错位。</a></p>
        
    <style="font: 12px arial;">font: 12px arial; <href="">如果一行里同时出现中文和英文,且这一行里有元素被定义了 <span style="vertical-align: bottom;">vertical</span>-align 属性,在IE6-8 里会导致文字高低不齐,甚至下划线错位。</a></p>
        
    <style="font: 12px '宋体';">font: 12px '宋体'; <href="">如果一行里同时出现中文和英文,即使这一行里有元素被定义了 <span style="vertical-align: bottom;">vertical</span>-align 属性,显示正常</a></p>
    </body>

    </html> 

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

  • 相关阅读:
    网络测量中基于Sketch方法的简单介绍
    Reading SBAR SDN flow-Based monitoring and Application Recognition
    Reading Meticulous Measurement of Control Packets in SDN
    Reading SketchVisor Robust Network Measurement for Sofeware Packet Processing
    ovs加dpdk在日志中查看更多运行细节的方法
    后缀数组
    (转载)LCA问题的Tarjan算法
    Codeforces Intel Code Challenge Final Round (Div. 1 + Div. 2, Combined) A. Checking the Calendar(水题)
    Vijos 1816统计数字(计数排序)
    卡特兰数
  • 原文地址:https://www.cnblogs.com/yupeng/p/2012053.html
Copyright © 2011-2022 走看看