字体的使用在前端开发中是不可避免的，关于字体类型及各类处理也因需求而不同。

本篇文章介绍在canvas中对文字处理效果及canvas中文字设置加粗失效解决办法。

前端开发的都知道在css中关于字体的设置有font简写属性，此简写属性用于一次设置元素字体的两个或更多方面。

font可设置简写属性顺序如下：

    font-style：该属性设置使用斜体、倾斜或正常字体。

    font-variant：该属性主要用于定义小型大写字母文本。

    font-weight：该属性用于设置显示元素的文本中所用的字体加粗。

    font-size/line-height：font-size 属性可设置字体的尺寸。

    font-family：规定元素的字体系列。

同样的该属性及简写方式canvas中同样适用，那么在canvas要如何使用呢。

    错误写法

ctx.font =`bold 20px 微软雅黑`

    正确写法

ctx.font =`normal bold 20px 微软雅黑`

该书写方式经过本人测试，完全适用。