2016-08-03 3 views
1

Wie kann ich font-awesome überall in meinem Projekt verwenden? Ich würde es am liebsten einmal in den Head-Tag oder ähnlich wie jedes andere Projekt aufnehmen. Aber wegen der ShadowDOM der Webkomponenten wird es nicht erkannt.Polymer und geteilte Stile. Verwenden von Schriftarten wie font-awesome über ein ganzes Projekt hinweg

Ich weiß, es gibt eine shared styles Lösung in Polymer, aber wird dies nicht alle font-awesome in jede einzelne kleine Komponente hinzufügen und Speicher und Leistung aufnehmen?

Ich habe auch gesehen, es gibt Polymer-Komponenten für font-awesome wie this one, aber ich würde es lieber nicht auf diese Weise verwenden. Dies erfordert die Verwendung von Eisen-Symbol und auch ich habe bereits ein Projekt, das ich versuche zu portieren, so dass ich Schriftart-genial den Standard Weg <i class="fa fa-cog"></i> verwenden. Und es erfordert noch eine weitere Abhängigkeit, um font-awesome Arbeit zu machen, die den Support zu jeder Zeit stoppen könnte, da sie nicht vom font-awesome Team gepflegt wird.

Antwort

1

Wie der Name sagt, werden freigegebene Stile für jede Komponente freigegeben und nicht geladen. Sie werden einmal geladen und dort angewendet, wo sie enthalten sind.

+0

Okey, hört sich gut an, aber haben Sie irgendwelche Doc oder andere Ref, dass es so funktioniert? Wäre toll, wenn es das tut, aber ich habe es nicht in der Dokumentation gefunden https://www.polymer-project.org/1.0/docs/devguide/styling#style-modules –

+0

Ich erinnere mich an Diskussionen darüber, aber ich habe keine Erinnerung von wo das war. Alles andere wäre ohnehin hillarisch. Der Browser lädt auch keine Ressourcen von derselben URL zweimal, sondern verwendet die zuvor geladenen Ressourcen. –

+1

Ja, das stimmt. Es würde auf jeden Fall Sinn machen, so zu arbeiten. Wenn Sie irgendwelche Hinweise darauf finden, zögern Sie nicht, die Antwort zu aktualisieren. Ich werde es in der Zwischenzeit als beantwortet markieren. –

Verwandte Themen