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


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

    <!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:"雅黑"字体必须写上"微软雅黑" 

  • 相关阅读:
    eclipse中android单元测试
    以树形结构的形式输出指定目录下面的所有文件
    在一个文件末尾增加字符串,并在控制台打印出来
    读取一个文件的数据经过某种操作,将结果存储到另外一个文件
    读取一个文件中的字符,统计每个字符出现的次数
    合并两个递增排序的链表
    找出单链表的倒数第K个(从1开始计数)结点的值
    反转一个链表并输出各个结点的值
    输入一个有序数组和一个数字,在数组中查找两个数,使得它们的和正好是输入的那个数字
    字符串翻转,单词内不翻转
  • 原文地址:https://www.cnblogs.com/yupeng/p/2012053.html
Copyright © 2020-2023  润新知