Ich habe ein Bookmarklet, das ein Widget in die Seiten einer beliebigen Site einfügt. Das Design des Widgets wird von einer bestimmten Website mit der folgenden CSS @font-face -Deklaration unterbrochen:
Das Widget, das mein Bookmarklet einfügt, verwendet helvetica überall und auf dieser einen Seite sieht es schrecklich aus, weil der Browser helvetica auf die @font-face -Deklaration dieses Namens anstatt auf die Standard-helvetica-Systemschriftart abbildet.
Die Frage: Gibt es eine Möglichkeit, diese @font-face -Deklaration zu überschreiben / zu umgehen oder eine weitere @font-face -Deklaration zu erstellen, die dem System helvetica font zugeordnet ist?
Wenn das Stylesheet es nicht durch Verweis auf das Stylesheet mit !important nach dem Stylesheet Ihres Widgets überschreibt, könnte dies funktionieren:
Sie können die folgenden CSS hinzufügen, um einen benutzerdefinierten Schriftartnamen zu erstellen, der einer lokal installierten Schriftart entspricht:
%Vor%Für das Styling des Widgets sollten Sie folgendes verwenden:
%Vor%Wenn Sie mehr Schriftarten wie fett und kursiv verwenden, müssen Sie alle definieren:
%Vor%Sobald ich diese Frage gestellt habe, habe ich mich inspirieren lassen. Was ich gefunden habe, ist das folgende ...
Erstellen Sie eine der folgenden CSS-Regeln:
%Vor%In den Elementen, die die echte helvetica-Systemschriftart benötigen, geben Sie die Schriftfamilie als 'RealHelvetica' anstatt nur als helvetica an:
%Vor%Tags und Links css css3 font-face bookmarklet