谷歌浏览器支持小于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

原文地址:https://www.cnblogs.com/liucanhao/p/5716247.html