The font I am using on my HTML page supports [tabular figures](https://practicaltypography.com/alternate-figures.html#tabular-and-proportional-figures), which is great for presenting rows of currency numbers nicely. They can be activated in CSS by using either:

```
.table {
  font-variant-numeric: tabular-nums;
}

```

or the more low-level way with:

```
.table {
  font-feature-settings: "tnum" on;
}

```

But how do I activate tabular figures when drawing on a JavaScript Canvas object using the `CanvasRenderingContext2D.fillText()` method? I tried putting the `font-feature-settings` line within the `@font-face` CSS block that defines the font to be loaded, but that did only affect the rendering within HTML, not the Canvas drawing.