Comments on: @font-face

By: Firefox 3.6 unterstützt WOFF - Netzlogbuch

Firefox 3.6 unterstützt WOFF - Netzlogbuch — Wed, 27 Jan 2010 11:27:43 +0000

[...] ist diese Neuerung, da sich im Zuge von HTML5, der aktuellen Diskussion um das wieder entdeckte @font-face, Schriftarten-Services wie typekit usw., die Webdesigner dieser Welt sich nicht mehr mit den so [...]

By: Jens

Jens — Tue, 22 Dec 2009 10:02:50 +0000

Funktioniert jetzt. Chrome und FF sauber, Im IE7 (bin auffer Arbeit, da gibts die 8 noch nicht) bissel mehr Treppchen, aber nicht völlig ohne Antialiasing.

By: Kosmar

Kosmar — Mon, 21 Dec 2009 01:46:58 +0000

habe jetzt den http://www.fontsquirrel.com/fontface/generator benutzt … damit sollte es in noch mehr browsern funktionieren. #hoffnung. demnächst teste ich weitere fonts – das mangelhafte kerning des fonts, bzw die generelle ignoranz von mac gegenüber dem hinting eines webfonts ist schon recht traurig.

danke erstmal für eure zahlreiche hilfe!

By: Kosmar

Kosmar — Sun, 20 Dec 2009 23:12:27 +0000

… dass bei manchen browsern ein –> vor der headline stand, lag an einer kombination aus: von mir gesetztem html-kommentar, der intoleranz von opera und ie8 gegenüber leuten die php oder html nicht vollständig können und meiner eigenschaft php nicht vollständig zu können. hab’s korrigiert. danke.

By: Kosmar

Kosmar — Sun, 20 Dec 2009 22:34:32 +0000

@tim nuja, die liste crowdsourcete ich hier ja gerade … ;) @gerrit, du hast völlig recht, EOT stimmt - hatte mich schon gewundert, das mir die eof-koinzidenz bisher nicht aufgefallen war – wobei eot im grunde auch lustig ist … ;)

By: ScottyTM

ScottyTM — Sun, 20 Dec 2009 21:48:38 +0000

Ja.
Opera 10.10/Linux
Firefox 3.5.5/Linux

By: Gerrit

Gerrit — Sun, 20 Dec 2009 20:23:44 +0000

Das Format heißt aber nicht EOF, sondern EOT für “Embedded Open Type”, oder?

By: tim

tim — Sun, 20 Dec 2009 18:52:26 +0000

mac / chrome ist alles bestens. Allerdings habe ich nicht richtig verstanden was wann wo bei wem geht oder nicht.
Eine Zusammenstellung wäre klasse :-)

By: Jason

Jason — Sun, 20 Dec 2009 18:36:43 +0000

Ich verstehe. Danke für die Aufklärung.

By: Kosmar

Kosmar — Sun, 20 Dec 2009 18:17:49 +0000

@jason betr. cleartype:
nunja, prinzipiell rate ich natürlich cleartype tunlichst zu aktivieren.

allerdings hat cleartype offensichtlich den bug, das die per @font-face eingebundene schrift, die schon optimal dargestellt wird (auch ohne cleartype) durch cleartype nochmal kaputtoptimiert wird in der darstellung, meint dass cleartype nicht weiß, das @font-face bereits anti-aliasing beinhaltet und das dann nochmals drüber anti-aliased, was wohl effektiv dazuführt, dass da eine zu starke scharfzeichnung der ränder stattfindet. s. z.B. bei http://dl.dropbox.com/u/3232698/font-face-renderings.png

das problem ist bekannt: http://is.gd/5uSUh und die lösung http://bit.ly/6PUm1T per jquery auch, aber dazu hatte ich noch keine lust, bzw finde ich es auch fast überzogen dafür extra die doch riesige jquery lib laden zu lassen.

betr: ie
ja, microsoft kocht da wieder eine eigene suppe und man müßte den font erstmal an einem windows-rechner mit speziellem tool namens WEFT in ein ~~EOF-format (toller name!)~~ EOT umwandeln – dazu fehlte bislang zeit, lust und gelegenheit meinerseits. vielleicht 2011 oder ’12 dann …

[Update] siehe auch was gerrit sagt: http://praegnanz.de/weblog/originell-ein-microsoft-rant

By: Paule

Paule — Sun, 20 Dec 2009 18:00:45 +0000

FF 3.5.6
http://img.ly/i1q

Chr 3.0.195.38
http://img.ly/i1r

IE 8.0.7600.16385 64Bit
http://img.ly/i1s

Win7 64Bit
Clear Type aktiviert

By: Jens

Jens — Sun, 20 Dec 2009 17:43:57 +0000

keine Veränderung hier.

By: Jason

Jason — Sun, 20 Dec 2009 17:28:59 +0000

Bin etwas verwirrt. Soll ClearType jetzt an sein, oder aus? Ich kenne Schriften (egal welche) sowohl in IE, als auch in FF schon immer so pixelig und ich habe ClearType immer an. Nutze Vista.
IE8 zeigt bei mir übrigens Arial (in hässlich natürlich).

By: niun

niun — Sun, 20 Dec 2009 17:09:36 +0000

Sieht genauso aus wie in der Grafik. In Firefox 3.5.6 und Arora 0.10.1 unter Kubuntu 9.10. Mit Arora (Webkit) dauert es aber einige Sekunden, bis die Überschrift erscheint (core2 Duo Prozessor)

By: ikanusim

ikanusim — Sun, 20 Dec 2009 16:58:49 +0000

http://dl.dropbox.com/u/3232698/font-face-renderings.png, das verwendete Windows hat Clearscheiß aktiviert

By: Schoscie

Schoscie — Sun, 20 Dec 2009 16:13:08 +0000

Ist identisch zum Screenshot, ja. Safari 4.0.4/OS X.6.2

By: Heike

Heike — Sun, 20 Dec 2009 15:57:33 +0000

Hier ein Screenshot: http://www.twitpic.com/ucvva

Durch Deine Änderung hat sich das aber leider trotzdem nicht verschönert.

By: Dagger

Dagger — Sun, 20 Dec 2009 15:51:37 +0000

Unter Snow Leopard im #mbp ist alles schau. Windows siehe http://yfrog.com/austsg

By: Kosmar

Kosmar — Sun, 20 Dec 2009 15:41:24 +0000

@jens ah, check ich mal – ich hab hier kein plugin, das ist von hand gestrickt, sind ja nur drei zeilen … :)

ah, ja ich hatte es im header der html, und nicht im .css selbst – hab das mal geändert, ändert das was bei dir?

By: Nader

Nader — Sun, 20 Dec 2009 15:39:40 +0000

Ja tut sie in FF 3.5.6

By: Jens

Jens — Sun, 20 Dec 2009 15:39:11 +0000

Wenn bei allcreatives dasselbe Plugin für die Customfonts im Einsatz ist funktionierts dort übrigens. Bei Dir aber immer noch nicht.

By: Kosmar

Kosmar — Sun, 20 Dec 2009 15:36:12 +0000

@andreas ja das ist wohl sIFR – das quasi beste, aber flashbasierte image-replacement http://meiert.com/de/publications/articles/20050513/#toc-sifr – im prinzip wie cufón, nur eben flash statt canvas, und daher prozessorbelastender. sollte aber auch außerhalb mac klappen …

By: Jens

Jens — Sun, 20 Dec 2009 15:31:23 +0000

jep, der rest ist sauber antialiased :)

By: Andreas

Andreas — Sun, 20 Dec 2009 15:31:16 +0000

ja:
snow leo / chrome 4.0.249.43
snow leo / firefox 3.5.6

ich hab bei mir ein template im einsatz, das das irgendwie mit flash-zaubert. funktioniert aber auch nur unter mac und reisst die geschwindigkeit des seitenaufbaus logischerweise tief in den keller.

By: Kosmar

Kosmar — Sun, 20 Dec 2009 15:26:46 +0000

@jens, @heiner cleartype ansonsten aktiviert im windows selbst? mit cleartype gibt es nämlich folgendes problem http://is.gd/5uSUh und die lösung http://bit.ly/6PUm1T

By: Jens

Jens — Sun, 20 Dec 2009 15:26:09 +0000

und lustigerweise bei allen dreien ohne Kantenglättung.

By: Kosmar

Kosmar — Sun, 20 Dec 2009 15:25:01 +0000

@schoschie welcher browser/betriebsystem? (cufón nutze ich hier nicht, nur plain @font-face) – ist es identisch zu meinem screenshot, oder anders? – klar das kerning des fonts ist per se sicher nicht perfekt.

@jens danke, das ist doch mal ne schöne degradation … sicher keine segoe bei dir (hast du xp, oder?)

By: Jens

Jens — Sun, 20 Dec 2009 15:24:58 +0000

Nein: Chrome/PC – Arial, ca. 14px
Nein: IE8/PC – Arial, ca 18px
Nein: FF3.0.14/PC – Arial, ca 18px

By: Heiner

Heiner — Sun, 20 Dec 2009 15:24:11 +0000

Nein.
http://twitpic.com/ucql2
(Vista/Chrome)

By: Schoscie

Schoscie — Sun, 20 Dec 2009 15:20:00 +0000

Das Kerning könnte allerdings besser sein. Sieht etwas fleckig aus. Liegt aber vermutlich an der Schrift und nicht an fontface/Cufon.

By: baranek

baranek — Sun, 20 Dec 2009 15:16:09 +0000

Ja.
(safari / Snow Leopard)