CSS系列 - 字体

197 阅读1分钟

字号

偶数字号

比例关系

偶数字号比较容易和页面中其他部分的字号构成一个比例关系

浏览器

为了平分汉字

系统差别

Windows 自带的点阵宋体(中易宋体)只提供 12、14、16 px 这三个大小的点阵

最小字号

  • 微信、QQ 浏览器最小显示字体8px

  • firefox 可以从最小字体1px开始

  • chrome 中最小显示字体为12px

    transform进行缩放

  • 检测

    用 JS 设置 DOM 的字体为某一个值,然后再取出来,如果值设置成功,就说明支持 ele.style.fontSize window.getComputedStyle(ele).getPropertyValue("font-size")

样式

抗锯齿

-webkit-font-smoothing: antialiased;

font-style

  • italic 斜体字体
  • oblique 倾斜