QFQ

Es scheint diverse Ansaetze zu geben um Glyph-Icons via FA abzubilden:

• https://stackoverflow.com/questions/26638215/how-to-replace-glyphicons-with-fontawesome-in-bootstrap-3-without-changing-html
• Am Ende ist ein Link zu einer CSS Class die Glyphs durch FA ersetzt: https://gist.github.com/blowsie/15f8fe303383e361958bd53ecb7294f9

• i: is currently used for inline reports
• we will keep using G: for icons with Glyphicon classes translated automatically to FontAwesome via CSS
• it might be useful to search for deprecated classes or even fixed them automatically

Overview of sources of icons¶

Bootstrap icons

• Overview: https://icons.getbootstrap.com/
• Installation: npm i bootstrap-icons
• Usage: <i class="bi bi-{icon-name}"></i>

FontAwesome 5

• Not all are free
• Searchable list: https://fontawesome.com/v5/search?o=r&m=free
• With version 5 the prefix fa- is deprecated in favor of several families of fonts:
  • fas: solid icons, 1001 for free (font-weight: 900)
  • far: regular icons, mostly paid plan (151 for free), but could be imitated for some fonts by specifying font-weight: 300
  • fal: light icons, paid plan, but could be imitated for some fonts by specifying font-weight: 100
  • fab: branch icons
  • fad: duo-tone icons, paid plan
• Usage: <i class="fas fas-{icon-name}"></i>

Extending the G: token for _link column¶

• Currently G:icon translates to <span class="glyphicon glyphicon-icon"></span>
• This behavior must be visually preserved to compatibility: G:icon translates to an internally defined set of icons with a CSS file defining which icons are used
• To use specific families of fonts - in particular with FA - we can use two space-separated parameters for the token, like G:fas plus or G:bi plus.
• We may allow to select the default icon family in extension settings.

Internal usage of glyph icons¶

A set of icons is used to build forms. The HTML tags are created directly and in several places the icon family glyphicon is mentioned explicitly. Icons names are always inserted via constants.