Ich habe die Chrome Packaged App in AngularDart geschrieben und versucht, einige externe Symbole zu erhalten, um die App schöner aussehen zu lassen, konnte aber kein Beispiel über das Internet finden. Habe viele Dinge zusammen mit der folgenden Problemumgehung versucht, aber ich konnte es nicht zum Laufen bringen. Ich füge das @ font-face meiner CSS wie folgt hinzu:
%Vor%Ich versuche, CSP-Probleme (Inhaltssicherheitsrichtlinien) zu vermeiden, indem ich meine Icon-Dateien: .ttf, .woff, .svg, .eot in base64 umwandle und sie in meinen Controller-CSS einbette, aber wenn ich die Anwendung ausführe, sehe ich alles im Chrom ist das Standardquadratfeld anstelle des Symbols, das ich verweise (); kein Fehler auf der Konsole oder auf dem Chrom-Browser. Ich frage mich, ob jemand benutzerdefinierte oder externe Symbole / Schriftarten mit den Chrome Packaged Apps verwendet. Bitte lassen Sie mich wissen, ob es einen Workaround gibt.
nach einigen Versuchen, sehe ich das Problem hier ist nicht die Einbettung der Dateien in die Komponente, aber tatsächlich bekommen die Schrift-Gesicht Arbeit in der shadowDOM, die nicht zu passieren scheint, sobald ich shadowDOM für meine Komponente deaktivieren kann die globalen Stile verwenden und die Symbole funktionieren gut als base64-codiert, aber natürlich deaktiviert shadowDOM das gesamte Komponentenseiten-Design, das ich umgestalten müsste. Ich denke immer noch, es sollte eine Möglichkeit geben, font-face in shadowDOM zu verwenden.
Tags und Links css icons dart google-chrome-app angular-dart