the property font is not compatiable with HTML5 canvas font

[zwzw911]

HTML5 canvas font accept: font-style/font-variant/font-weight/font-size/font-family, for example, context.font="italic small-caps bold 12px arial", but node-canvas only accept font-style/font-size/font-family, it set font-variant or font-weight, the property font change to default value "10px sans-serfi"

[keverw]

Interesting. I posted about this here #53 (comment)

but noticed bold isn't working in my case. I guess it's not supported yet?

[kaivi]

Yep, all options other than font-size and font-family are being ignored by node-canvas. When one specifies both font-style and font-variant, context.font gets reset to a default one:

Chrome 48.0.2564.116 on OS X

canvas v1.3.10 on OS X

Here is an in-browser JSFiddle, this code attempts to auto-fit font size to fill a rectangle.

[lulu-berlin]

@zwzw911, the issue with not parsing the font style correctly (especially when it includes the variant) was fixed in #891. In the meantime, I can't get pango to actually render small-caps. Most fonts don't support it and I'm not sure that pango is capable of using this feature when it does exist. I opened an issue for this: #894.

I think that the "font reset" problem is fixed, so should this issue be closed now?

[jleclanche]

I'm not sure if line-height (16px/1em) is being taken into account right now, I don't think it is, but it doesn't error anymore in the 2.0 alpha, so yay. :)

[chearon]

There is no line height on canvas since there's no layout functionality in the font APIs, it just draws one line of text. It might parse OK but would be ignored.

[zbjornson]

I think since #944 landed, this is as good as we can get. Please comment if you find any other discrepancies.