---
title: "Umgang mit Schriften (CSS3, Cufon, sIFR)"
url: "https://www.typo3.net/d/98249-umgang-mit-schriften-css3-cufon-sifr"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2010-04-16"
last_reply: "2011-03-16"
replies: 8
solved: false
page: 1
pages: 1
lang: "de"
---

# Umgang mit Schriften (CSS3, Cufon, sIFR)

Frontend › Styling · 8 Antworten · gestartet 2010-04-16

## Eröffnungsbeitrag

**szagunn** · 2010-04-16 · [Beitrag #1](https://www.typo3.net/d/98249-umgang-mit-schriften-css3-cufon-sifr/1)

Hallo zusammen,

in der letzten c´t gabs einen Artikel (9/2010, S 164 ff.) zum Umgang mit Fonts im Web. Wie ist da so Eure herangehensweise? Ist eine der dort beschriebenen Lösungen wie Cufon oder sIFR schon irgend wo unter TYPO3 im Einsatz? Gibts da Erfahrungen, Meinungen, Bauchgefühle?

Viele Grüße und schon mal ein schönes Wochenende
Dirk Szagunn

## Antworten

### [#2](https://www.typo3.net/d/98249-umgang-mit-schriften-css3-cufon-sifr/2) · waldosparding · 2010-05-10

Habs jetzt mal mit Cufon getestet. Wird dann wohl diese Woche noch ON gehen.
Der Offline-Test sah schon mal ganz gut aus, mache ich aber nur auf Kundenwunsch. Ich selber halte da allgemein nicht viel von.

### [#3](https://www.typo3.net/d/98249-umgang-mit-schriften-css3-cufon-sifr/3) · szagunn · 2010-05-10

Tja... ist halt immer eine Krücke. Wäre aber trotzdem an einer Demo interessiert, wenns online ist.

Grüße aus Aachen
Dirk Szagunn

### [#4](https://www.typo3.net/d/98249-umgang-mit-schriften-css3-cufon-sifr/4) · waldosparding · 2010-05-11

Hi,

unter <http://www.1835-heessen.de> habe ich jetzt mal die H1-Überschriften mit Cufon in Grafiken umgewandelt.
Unter IE sieht man noch kurz die Text-Überschrift. Da muss ich noch eine Zeile JS einbauen.

Ansonst war es sehr einfach.

vg
 Waldo

**Nachtrag: Jetzt auch IE ohne Verzögerung**
Übrigens: unter<http://www.luminart.de> habe ich das Menü erzeugt mit Hintergrundgrafik und text-indent: -999px. Geht auch.

### [#5](https://www.typo3.net/d/98249-umgang-mit-schriften-css3-cufon-sifr/5) · Climber · 2010-11-02

Hallo,
ich habe es gerade mit Cufon umgesetzt und muss sagen - einfach easy!
Das Projekt geht bald richtig online, dann gibt es hier auch einen Link dazu!

Gruß
Climber

### [#6](https://www.typo3.net/d/98249-umgang-mit-schriften-css3-cufon-sifr/6) · igorshmigor · 2010-11-02

Lösungen die nur mit JavaScript funktionieren sind mir unsympathisch.
Ansätze wie Fontdeck (fontdeck.com) scheinen die modernere Alternative zu sein.

### [#7](https://www.typo3.net/d/98249-umgang-mit-schriften-css3-cufon-sifr/7) · waldosparding · 2010-11-02

Das ist im Moment auch nicht unproblematisch:

################
@font-face wurde im CSS2 definiert und verschwand wieder mit CSS2.1. Nun wurde es vom W3C offiziell in CSS3 Implementiert.
################

### [#8](https://www.typo3.net/d/98249-umgang-mit-schriften-css3-cufon-sifr/8) · igorshmigor · 2010-11-02

Wird aber von jedem modernen Browser unterstützt, von daher sehe ich kein echtes Problem.

### [#9](https://www.typo3.net/d/98249-umgang-mit-schriften-css3-cufon-sifr/9) · TheFreeman · 2011-03-16

Ich versuche gerade auf meiner Seite cufon fonts einzubinden.
Online funktioniert es aber nicht. Offline schon. #angry#

Was also habe ich übersehen? Die Pfade zu den Dateien sind in Ordnung.
Habt Ihr einen Tip für mich?

LINK: [Guggst Du hier.](http://www.foto-gabi.de)

es geht hier erst einmal nur um das DIV

```html
<div id="header_slogan" class="walkway_bold">bla bla bla</div>
```

Die Scripts werden so eingebunden:

```html
<script src="fileadmin/sys_layout/fonts/cufon-yui.js?1300276953" type="text/javascript"></script>
<script src="fileadmin/sys_layout/fonts/walkway.cufonfonts.js?1300277392" type="text/javascript"></script>
```

Und in meiner jquery.dsmdTools.js werden dann die Aufrufe gemacht:

```html
$(document).ready(function() {	
	Cufon.replace('.walkway_black', { fontFamily: 'Walkway Black', hover: true });
	Cufon.replace('.walkway_bold', { fontFamily: 'Walkway Bold', hover: true });
});
```

Aber warum geht es online nicht? :'(

---

Quelle: „Umgang mit Schriften (CSS3, Cufon, sIFR)“, typo3.net, https://www.typo3.net/d/98249-umgang-mit-schriften-css3-cufon-sifr
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.