1580953 - Canvas doesn't support font-variant-numeric

Status: UNCONFIRMED

(Core :: Graphics: Canvas2D, enhancement)

Description

[dsmmcken]

Attachment: Screen Shot 2019-09-12 at 4.12.46 PM.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.132 Safari/537.36

Steps to reproduce:

Using a font face that has tabular numbers, set font-variant-numeric: tabular-nums; in css on the canvas element.

Actual results:

Numbers shown are normal, not tabular.

Expected results:

Both Chrome and Safari display tabular numbers, Firefox does not.

Chrome/Safari appear to use the font-variant and font-feature-settings values from the font style source object for the initial font settings, which seems reasonable, as there is no standards way to pass these values to canvas otherwise.

https://codepen.io/dsmmcken/pen/GRKQGeK

Comment 1

[dsmmcken]

Update: confirmed bug still exists in Firefox version 129.