Schriftart Angular Material

[ManuelMoeri]

Zurzeit haben wir OpenSans bereits konsistent in der ganzen Applikation implementiert, jedoch ist die Lösung für die Angular Material Komponenten noch etwas unschön. In diesem Ticket geht es darum zu evaluieren (und allenfalls umzusetzen) ob es sich lohnt die Lösung von Angular 19 einzubauen.

Note

Sollte erst nach dem upgrade von Angular erledigt werden.

Einführung

Da wir mit RobotoFlex nicht auf das gewünschte Ergebnis mit der konsistenz über die verschiedenen Browsern erreicht haben, sind wir auf OpenSans umgestiegen. Angular Material verwendet standartmässig jedoch Roboto, darum wurde diese Schriftart noch immer indirekt eingesetzt. Dies betrifft unseren Teamfilter da dieserr aus mat-chips besteht. Für den moment wurde folgende Zeile in dem styles.scss file implementiert.

Dies sorgt dafür das OpenSans überall enforced wird. Mit Angular 19 sollte uns jedoch eine einfachere Lösung zur verfügung stehen. Mehr dazu hier: https://material.angular.io/guide/theming

Zu beachten

Wenn man auf Firefox alle Schriftarten der Applikation ansieht wird 'Material Icons' ebenfalls noch auftauchen. Falls diese überschrieben wird funktionieren die drei Icons (Teamverwaltung, Hilfe, Profil) nicht mehr. Es muss ein weg gefunden werden diese Schrift beizubehlaten. Mit der Lösung im moment scheint es zu funktionieren.

Anforderungen

• Die Lösung welche beschrieben ist wurde evaluiert
• Das globale enforcing der Schriftart wurde gegebenfalls entfernt
• Die Icons werden nicht überschrieben

Akzeptanzkriterien

• Roboto taucht nirgends mehr in der Applikation auf
• Tests wurden ergänzt & angepasst.