esse est percipi
Das Weblog eines Grafikdesigners. Seit 2003.

<!--[if IE]>
   <style>
      @font-face {
         font-family: "Share";
         src: url("Share-Regular.eot");
      }
   </style>
<![endif]-->

Ähnliche Beiträge:

Road UI: Wenn ukrainische Straßenschilder zur Interface-Schrift werden

Schrift ist ein Abenteuer

Neville Brody über seine Schrift SamsungOne

PNG-24-Dateien für CSS-Schatten

Nicht gut gemacht

Kommentare:

Bei den Kommentaren handelt es sich um fremde Inhalte, die sich „esse est percipi“ nicht zueigen macht. Verantwortlich für den Inhalt eines Kommentars ist der jeweilige Verfasser.

Hallo Michael,
wie hast Du den ttf2eot kompiliert?
Hab sowas noch nie gemacht :)

Vlt. kannst Du Deine kompilierte Version ja zum Download bereitsstellen?

Besten Dank,
Gruss Zanda

Ich hatte mir das Microsoft-Tool Weft früher einmal auf VMware-Windows installiert, brachte damit aber nichts zustande. Meine Hoffnung mit dem hier erwähnten ttf2eot-Tool war gross, doch erkenne ich nach dem Download nicht, was ich damit tun könnte. Ich schliesse mich also Zanda an mit der Bitte, ob du kurz erklären könntest, wie man die Umwandlung macht.

Schon jetzt vielen Dank dafür.

Hallo Michael,

leider funktioniert das einbetten der Schriften in meiner Opera Version nicht (9.64). Benutzt du die aktuelle Entwicklerversion?

Grüße

Ich hab's noch nicht getestet, aber nehme an, das dürfte aber nur funktionieren, wenn man die Developertools installiert hat. Nur falls sich jemand wundert, warums bei ihm so gar nicht klappen will…

Das ttf2eot erzeugt leider keine echten eot Dateien, sondern verpackt nur die fft Rohdaten mit einem anderen Header. Bei meinen Test erzeugt WEFT eine 8 kB .eot Datei, die von ttf2eot ist wie die ttf Datei 68 kB groß.

Außerdem ist es leider mit dem reinen Umwandeln in eine .eot nicht getan. IE und ClearType brauchen gut gehintete Schriften und das ist sehr aufwendig.

Bei mir klappt das leider nicht. Könnte das jemand für Dummies erklären? Und benötigte ich die Developer Tools dazu? Das wäre toll, denn hier ist das Thema gerade ganz aktuell. Firefox hat mir schon so schön in die Karten gespielt. Wenn dies nun auch noch klappen würde, wäre es natürlich perfekt…

Danke für die Anleitung, Michael

Aber, bei mir scheitert das schon bei make, auf der neuen Zeile heisst es dann: @-bash: make: command not found@ (@ wird nicht in code umgewandelt).

Wenn ich das ignoriere, und weiter mache, habe ich am Schluss eine Datei 'GraublauWeb.eot' mit 0 KB Grösse (GraublauWeb.otf befindet sich selbstverständlich im Ordner 'ttf2eot-0.0.2').

Glödu, probier doch mal aus, was passiert, wenn du nur make aufrufst. Bei mir kommt dann diese Meldung:

make: *** No targets specified and no makefile found. Stop.

Wenn das nicht kommt, braucht's wohl die Developer Tools.

Ich vergaß bisher das Wichtigste: Michael, danke für die ausführlichen Tipps!

Bei mir hat das Bauen geklappt, und nach meinem Verständnis der GPL ist es überhaupt kein Problem, das Executable weiterzugeben, man muss nur auf den Source Code verweisen (und den habe ich ja nicht geändert).

Ich habe an den entsprechenden Bugreport bei ttf2eot ein gebautes Executable rangehängt, das sich auch andere herunterladen können.

Ops – den Dank an Michael und Christian schieb ich schnell noch nach: Danke für Eure Mühe!

@Christian
Dies Executeable – ist das für OS X? Klingt so nach EXE oder WIN :-/

Habe es mal mit der Executeable von Christian versucht. Auf meinem G5 (10.5.6) bekomme ich diesen Fehler:
-bash: ./ttf2eot: Bad CPU type in executable

Weiß jemand, ob das nur mit Intel-Macs geht?

@ Christian: Auf make kommt bei mir 'command not found'.

Auch habe ich mir ttf2eot von der von dir verlinkten Seite geladen, habe aber keine Ahung was ich damit nun machen kann. Das soll etwas Ausführbares sein, gemäss der beiden letzten Kommentare. Aber wie? Ist ein Textdokument, welches sich durch Doppelklick nicht öffnet …

Developer Tools sind bei mir nicht installiert. Also nahm ich die System-DVD hervor. Das einzige, was ich in dieser Hinsicht noch installieren konnte war X11. Eine Erklärung dazu, was das ist, fand ich auf der DVD nicht. Also installierte ich's zur Probe. 140 MB. Es öffnete sich danach ein Fenster, das wie das Terminal aussieht. Auch damit konnte ich nichts tun.

Auf der 2. DVD finde ich unter Packages einige Sachen mit Dev… Wollte wissen um was es geht und DevToolDocumentation.pkg installieren, was 340 MB gewesen wären, nur um zu wissen …

Nein, ich liess es sein. Eigentlich wäre ich ja nur froh gewesen, zu diesem eot der von mir gewünschten Schrift zu kommen.

Versuchte es noch einmal mit WEFT … Horror, weil da muss man die Website angeben und vom Programm verändern lassen …

Michaels Tipp wäre ja toll gewesen, nur schaff ich's damit nicht, schade.

Und dieses X11 werde ich nicht wieder los, wo sind die 140 MB versteckt, das Programm selbst hat nur 6 MB.

Noch kurz zur Erklärung:

1: Executable heißt einfach nur ausführbar – in diesem Fall unter Mac OS X :-).

2: Sorry, das von mir gebaute Executable kann nur auf Intel-Macs ausgeführt werden.

3: Das Programm ist ein Kommandozeilenprogramm, das im Terminal ausgeführt werden muss. Im Prinzip gelten MIchaels Anweisungen, statt „make“ aufzurufen muss eben die Datei ttf2eot in dem Verzeichnis platziert werden. Man könnte sicherlich recht einfach ein AppleScript-Droplet machen, mit dem sich das aufrufen lässt.

Entschuldigung, wenn ich noch einmal schreibe, das hier ist ja kein Forum für Fragende … trotzdem:

@ Christian: Ich benutze Mac OS 10.5.7, Intel, und zu 3., ttf2eot ist im Verzeichnis (Ordner) ttf2eot-0.0.2, wo auch die umzuwandelnde Fontdatei liegt.

Ich gebe im Terminal ein

@cd /Users/benutzername/Desktop/ttf2eot-0.0.2@

Klappt, und dann:

@./ttf2eot < GraublauWeb.otf > GraublauWeb.eot@

Dann würde 'Permission denied' zurück gemeldet. Über Apfel-I schien ich alle Rechte zu haben, per Transmit angeschaut aber nicht, also gab ich Schreibrechte und danach wiederholte ich den Vorgang im Terminal, und schliesslich hatte ich eine eot-Datei mit rund 44 KB Inhalt.

Nun muss ich nur noch ausprobieren, ob das dann mit dem IE funktioniert (dauert noch etwas). Wäre ja die Sensation.

Bis hier also vielen Dank an alle Beteiligten.

Versuch gescheitert, GraublauWeb wird in IE nicht als solche gezeigt. Das Einzige, was in der in als .eot veränderten Font-Datei anders ist als in der Originalen, wenn ich beide mit TextWrangler öffne: Am Anfang steht in der eot-Datei ein halbzeiliger Text mit teils unverständlichen Zeichen (konnte hier in den Kommentaren nicht abgebildet werden).

Diese kurze Zeichenfolge steht im am Anfang der otf-Datei nicht.

Also, falls jemand die beiden GraublauWeb-Fonts als eot hinbekommt, wäre ich ein dankbarer Abnehmer,

Nach einigem Hin und Her und Michaels Hilfe habe ich nun die Liberation als .eot – noch mal Danke. Meine Testseite zeigt im IE die gewünschte Schrift nicht an.

Dann habe ich www.qxm.de getestet, ob da die Share richtig angezeigt wird – leider auch nix. Ist hier bei 2 Kollegen übrigens IE 7 bzw. 8 jeweils auf Windows XP.

Hmm…

@Michael: Ja, das habe ich unterdessen auch realisiert. Nach langem Suchen nach einer Konvertierungsmöglichkeit installierte ich Fontforge, brachte damit aber nichts fertig (da fehlt mir Wissen dazu), sah wieder nur das leere Fenster von X11. Es wird wohl einfacher sein, wenn die Leute endlich den IE beiseite lassen … ;-)

@Matthias: Bei mir in VMware XP IE 6-8 wird die Share angezeigt.

Nachtrag:

Ich installierte auf meinem VMware die Linux-Version Ubuntu (weil ich damit sowieso einmal experimentieren wollte), dort war Fontforge schon installiert. Wandelte GraublauWeb.otf in GraublauWeb.ttf um (ist einfach), dann diese mit ttf2eot zu GraublauWeb.eot.

Das funktioniert nun gut in allen IE-Versionen von 6-8, allerdings ist die Schriftdatei der eot-Version doppelt so gross wie das Original.

Ist sicher nicht optimal, aber wenigstens gelang mir der Versuch.

Kommentar schreiben:

RSS-Feed

Impressum/Datenschutz/AGB