Eine Schriftart mit CSS komprimieren

8

Gibt es überhaupt etwas, um Buchstaben mit CSS näher zusammen zu bringen? Ich weiß, dass wir die Zeilenhöhe anpassen können, aber ich wusste nicht, ob es etwas gibt, das eine Schrift näher zusammen drückt.

    
Don P 09.12.2012, 11:27
quelle

4 Antworten

26

Sie suchen nach letter-spacing

%Vor%

Referenz

    
Zoltan Toth 09.12.2012, 11:30
quelle
7

Die Antwort hängt davon ab, was Sie mit "font", "condensed" und "squeeze" meinen.

Sie können eine komprimiertere Schriftart (spezifische Schriftart) für eine Schriftart (aus einer Schriftfamilie) auswählen, indem Sie font-stretch Eigenschaft. Aber es drückt nichts; Es greift einfach eine Schrift auf, die mehr komprimiert ist. Schriftarten, die in Computern von Menschen allgemein verfügbar sind, haben solche Schriftarten nicht; einige herunterladbare Schriftarten (Webfonts) tun dies. Und meistens können Sie sie browserübergreifend verwenden, indem Sie nur einen bestimmten Schriftnamen verwenden, als wäre es ein Schriftfamilienname, z. %Code%. (Hinweis: Arial Narrow ist nur auf einigen Computern verfügbar, weit weniger häufig als das grundlegende Arial.)

Sie können bestimmte CSS-Techniken verwenden, um Kerning vorzuschlagen, wenn die verwendete Schriftart Kerning-Informationen im OpenType-Format enthält. Die meisten Schriftarten, die auf Webseiten häufig verwendet werden, haben keine solchen Informationen. (Ausnahmen: Palatino Linotype, Times New Roman und Microsoft C Fonts wie Calibri und Cambria.) Passende Deklarationen:

%Vor%

Der Effekt dieser Einstellungen ist, wenn überhaupt, eher klein. Es bedeutet nicht wirklich "brutal" zu quetschen. Vielmehr modifiziert es das Rendering auf subtile Weise, um typografisch besser zu sein; die Textbreite kann etwas kleiner werden, aber das ist nur ein zufälliges Nebenprodukt.

Wenn Sie ein negatives font-family: Arial Narrow verwenden, bedeutet das brutales Quetschen. Es kann gelegentlich Sinn ergeben, z.B. für serifenlosen Text in großem Format mit kleinen Werten wie letter-spacing . Auch dann sollte das Ergebnis ausgewertet werden, besonders bei Buchstabenkombinationen, die beim Drücken (zB "rl" oder "te") seltsam aussehen können. Und vor allem, wenn Sie denken, dass Buchstaben zu weit voneinander entfernt sind oder der Text zu breit wird, wenn Sie eine andere Schriftart verwenden, anstatt die normale Anzeige einer Schriftart zu stören.

    
Jukka K. Korpela 09.12.2012 14:45
quelle
6

Sie können den Abstand zwischen allen Buchstaben mit

angeben %Vor%

Sie können jedoch nicht einzelne Buchstaben kern, es sei denn, Sie wickeln jeden Buchstaben in einem Bereich

    
Paul Sullivan 09.12.2012 11:30
quelle
0

Empfohlen

WENN die Schriftvariante schmale Versionen enthält, die Sie verwenden können font-stretch: condensed;

Nicht empfohlen

Wenn nicht, könnten Sie am Ende mit scale () enden transform: scale(.8,1);

    
nodws 14.03.2018 21:54
quelle

Tags und Links