谷歌浏览器支持小于12px的字体 

<!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>无标题文档</title>

    <style>

    body,p{ margin:0; padding:0}

    p{font-size:8px;}

    .shrink{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block}//这是关键

    </style>

    </head>

       

    <body>

    <p><span class="shrink">我是一个小于12PX的字体</span></p>

    </body>

    </html>

 让页面里的字体变清晰:-webkit-font-smoothing: antialiased

posted @ 2016-07-28 21:10  kan_kan  阅读(348)  评论(1)  编辑  收藏  举报