Wie wird eine andere Schriftgröße für die Fallbackschrift festgelegt?

Ich habe ein Problem mit der benutzerdefinierten Schriftart, die ich für meine Website verwende, gefunden.Wie wird eine andere Schriftgröße für die Fallbackschrift festgelegt?

Also verwende ich folgende CSS für Text.

font-family: "Open Sans",Helvetica,Arial; 
font-weight:600;

Als Webseite in meiner Muttersprache gebaut, ich habe UTF-8-Zeichen verwenden, die nicht in Open Sans einbezogen wird nicht scheint, so dass sie in Helvetica werden stattdessen gezeigt, aber das Problem ist, dass sie mehr Gewicht haben.

Gibt es eine mögliche Lösung, um font-weight-Parameter auf normal zu setzen, wenn Fallback-Schriftart verwendet wird?

Quelle

2014-03-03 user1587985

Dieses Thema wurde bereits hier untersucht: http://stackoverflow.com/questions/1960817/get-computed-font-family-in-javascript/1961519#1961519. Es scheint keinen direkten Weg zu geben, die aktuelle Schriftart zu bestimmen. Es gibt einige Plugins, die Sie verwenden können (in der Antwort unten mit @ SW4 erwähnt), aber es scheint übertrieben zu sein. – AnchovyLegend

@AnchovyLegend stimme ich vollständig – SW4

Sie könnten eine neue @font-face für jede Schriftart definieren, die Sie möchten.

@font-face { 
     font-family: 'mainFont'; 
     src: url(/*Link to Open Sans*/); 
     font-weight: 600; 
} 

@font-face { 
     font-family: 'secondaryFont'; 
     src: local('Helvetica'); 
     font-weight: 400; 
} 

@font-face { 
     font-family: 'tertiaryFont'; 
     src: local('Arial'); 
     font-weight: 600; 
}

Dann werden Sie sich mit font-family: 'mainFont', 'secondaryFont', 'tertiaryFont'; Ende, das die gewünschten Ergebnisse erzielen sollte.

Quelle

2014-03-03 16:57:55 MickelsonMichael

Hat jemand dies in E-Mail-Clients, wie Outlook (2016) zu arbeiten? Von meinen Tests scheint es nicht zu funktionieren. –

@DaveElton Versuchen Sie, diese Lösung zu verwenden, und überprüfen Sie, ob https://stackoverflow.com/a/32056054/3338349 funktioniert – MickelsonMichael

Leider gibt es keine Möglichkeit, Fallback-Schriftart-spezifisches Styling mit CSS allein zu definieren.

Als solche möchten Sie vielleicht versuchen, die verwendete Schriftart auszuarbeiten, dann wenden Sie einen Stil als Ergebnis, see here for one method, die die Breite ergibt sich aus dem Anwenden einer Schriftart auf ein Element vor "best rate", was es ist.

Das heißt, es ist im Wesentlichen ein Hack/Workaround.

Sonst könnten Sie in die Implementierung einer Methode suchen, um zu identifizieren, wo die Symbole sind und sie dann in Stile span Tags umwickeln, wieder würde dies ein ziemlich schmutziger Hack sein, im Gegensatz zu einer sauberen Lösung.

Quelle

2014-03-03 16:55:40 SW4

Wie wird eine andere Schriftgröße für die Fallbackschrift festgelegt?

Antwort

Verwandte Themen