Globales CSS für eine App mit Webkomponenten

Question

Ich entwickle eine Webanwendung, die HTML 5 native Webkomponenten verwendet. Mein Problem ist, dass ich viele gemeinsame CSS für all diese habe und ich benutze tolle Schriften, um schöne Icons zu haben. Im Moment stecke ich alle meine Styles in "/ deep" Shadow Piercing, aber Chrome sagt: "/ deep/combinator ist veraltet." Hast du irgendwelche Vorschläge, wie ich globale CSS- und CSS-Bibliotheken (wie zB font awesome) für die gesamte App verfügbar machen kann?

Thanks :)

Answer 1

Sie können die CSS-Font-Datei global enthalten, mit dem <link rel="stylesheet"> Element.

Das müssen Sie lokal in jedem Element <template> eines benutzerdefinierten Elements importieren, in einem <style> Element mit der CSS-Regel @import url.

Es gibt ein laufendes Beispiel in this answer.