Label entity - updating font parts; experiments with variable font
Drag and drop the Label around the canvas
Font
Font size
Font weight (string)
Font weight (number)
Font variant caps
Font style
Font stretch (string)
Font stretch (%)
Scale
Roll
To note: Javascript is not running in this browser environment. Our apologies, but this demo has not yet been updated to support progressive enhancement.
Test purpose
Check that all fonts respond as expected when updating:
Font size.
Font weight - as a string value.
Font variant (in particular 'small-caps'; other values as supported by the browser).
Font style (excluding oblique values).
Check that wneh font size is set to '5vmax', the Label entity adjusts its size accordingly as the browser dimensions change.
Check that the "Roboto Flex" variable font responds as expected when updating:
Font weight - as a number value.
Font style - oblique values.
Font stretch - both string and % values.
Known issue: the bounding box occasionally does not adapt as expected when changing some of these attributes. This is a code issue as the bug appears across browsers.
Known issue: font-stretch doesn't appear to be working on Safari.