This is regarding: https://developer.gnome.org/hig/stable/visual-layout.html.en
I was testing Firefox with different font settings.
Preferences -> General -> Fonts and Colors -> Advanced -> Uncheck ‘Allow pages to choose their own fonts’
With this the HIG visual layout SVG image ( label-alignment.svg ) is rendered incorrectly as below:
The same SVG file is rendered correctly when the above mentioned option is checked. While we can discuss about the technical issues here, the more general question is:
Is there a real need to render a SVG image in GNOME / HIG website(s) ? Why not use non-vector based image formats, which should be unaffected by font settings.