Externe css-Stylesheets im EASY UI Designer einbinden

Frage:
Wie können externe CSS-Stylesheets im Easy UI Designer eingebunden werden und welche Besonderheiten sind dabei zu beachten?


Antwort:
Bei der Einbindung von externen css-Stylesheets in EASY UI-Projekten ist zu beachten, dass bei Stylesheets, die weitere Ressourcen wie beispielsweise Webfonts oder Icon Fonts nachladen, der Parameter crossorigin="anonymous" gesetzt werden muss.

Beispiel: 
<link rel="stylesheet" href="https://somewebsite.com/folder/file.css" crossorigin="anonymous"> 


Ohne das Attribut crossorigin="anonymous" kann es dazu kommen, dass vom Stylesheet referenzierte Ressourcen (z. B. Icon Fonts) aufgrund von CORS-Richtlinien nicht geladen werden. Dies äußert sich beispielsweise dadurch, dass Symbole oder Schriftarten nicht korrekt angezeigt werden. 

URL zur Verlinkung dieses AKB-Artikels: https://www.lenze.com/de-de/go/akb/202600430/0/
Contact