CSS font-weight dicker als 900?

Question

Ich habe eine Platte, die mit einer durch einen vertikal zentriert Link erweitert oder minimiert werden können Symbol als Linktext. Bei font-weight: 900 diesen Stand aus nicht viel, auch mit einem großen grauen Hintergrund um ihn herum. Ich will nicht, um ein Bild verwenden und an der aktuellen Schriftgröße, die derzeit beiden Symbole die maximale Breite der Platte aufzunehmen.

Gibt es eine Möglichkeit, die Linie auf die Symbole über 900 zu verdicken? Oder gibt es eine andere Alternative, die ich verwenden könnte?

Vielen Dank im Voraus.

Richard

Answer 1

Leider gibt es keinen font-weight dicker als 900, und die Angabe font-weight nach Anzahl variiert je nach Browser. Ihre beste Wette wäre eine dickere Schriftart zu verwenden - Sie haben nicht angegeben, was Sie verwenden, aber Impact ist relativ dick und groß für seine Breite, während sie websicherer. Sonst könnte man font-face zu Last in einer anderen Schriftart verwenden @.

Answer 2

In CSS 3 gibt es eine andere Möglichkeit, die Schriftgröße kühner zu machen:

color:#888888;    
text-shadow: 2px 0 #888888;
letter-spacing:2px;
font-weight:bold;

EDIT:

Für irgendeine Art von seltsamen Grund, dies nicht so schön aussieht, wie es vor einem Jahr haben über. Es ist nur mit Text-Schatten von 1px (auf gängigsten Schriftart, andere dickere Schriftarten könnten noch Arbeit mit 2px) arbeitet. Und mit Text-Schatten nur 1px, gibt es keine Notwendigkeit für einen so großen Buchstaben-Abstand.

color:#888888;    
text-shadow: 1px 0 #888888;
letter-spacing:1px;
font-weight:bold;

Answer 3

Um zu Gogutz Antwort hinzufügen, können Sie gehen noch kühner durch den Text-Schatten in einem Raster stapelbar. Komma getrennt jeweils auf der Linie:

.extra-bold {
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
}

Answer 4

Sie können Text-Schatten statt font-weight verwenden

text-shadow: 0px 1px, 1px 0px, 1px 0px;

Answer 5

Das ist ziemlich dick. Aber funktioniert nur mit Webkit.

font-size: -webkit-xxx-large;
font-weight: 900;