Font genau wie in Photoshop

[uprocka]

Hallo!

Ich habe in Photoshop die Schrift als Pixelbild angelegt.
Verdana 12px Bold - siehe Datei im Anhang


Jetzt versuche ich krampfhaft mit CSS-Angaben diese Schrift als Text nachzubilden.

Wenn ich jetzt aber dieses CSS anwende im IE6 dann sieht es total anders aus:

.titeltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

Ist es nicht möglich dies mit CSS nachzubilden oder mache ich etwas falsch?
Vielleicht gibt es ja einen Trick?

Danke schonmal
Gruss uprocka

 

[schutzgeist]

Hm, ich glaub nicht, dass das klappt.
Die Schrift auf deinem Button sieht mir nach Verdana/stark oder scharf aus und Faux Fett...
Was der Browser 'kann' ist Verdana bold, ohne.
Mal in 'photoshopisch' ausgedrückt

 

[uprocka]

Also wäre die Konsequenz alle Texte als Pixelgrafik zu erstellen,
wenn ich möchte, dass die Schrift genauso aussieht?


Ok.

 

[ans meer]

Geeenau. Meines Wissens nach kann nämlich ein Browser die Schrift nicht "abrunden", d.h. sie weicher aussehen lassen - das geht nur in einer Grafik. (Obwohl das echt mal toll wäre, wenn das anders ginge (; )

 

[SilentWarrior]

Ich schätze mal, das macht von der Dateigrösse her auch keinen so wahnsinnigen Unterschied? Und wenn du mit einer Image-Replace-Technik (z. B. Fahrner) oder einem vernünftigen Alternativtext (merke: Bilder, die Text enthalten, haben als Alternativtext stets genau diesen Text) arbeitest, kann da eigentlich auch nix schiefgehen.

 

[uprocka]

Naja gut... dass die Schrift nicht so gut antialiased wird wie in Photoshop ist mir schon klar gewesen.


Und ja die Dateien sind schon gut optimiert. Ich wollte den Weg eingentlich "NUR" einschlagen, da man dann schnell neue Buttons erzeugen könnte.

Aber gut, dann eben nicht.