Umgang mit Schriften (CSS3, Cufon, sIFR)

  • szagunn szagunn
    T3PO
    0 x
    11 Beiträge
    0 Hilfreiche Beiträge
    16. 04. 2010, 09:46

    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


  • 1
  • waldosparding waldospar...
    Jedi-Meister
    0 x
    309 Beiträge
    0 Hilfreiche Beiträge
    10. 05. 2010, 15:14

    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.

  • szagunn szagunn
    T3PO
    0 x
    11 Beiträge
    0 Hilfreiche Beiträge
    10. 05. 2010, 16:59

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

    Grüße aus Aachen
    Dirk Szagunn

  • waldosparding waldospar...
    Jedi-Meister
    0 x
    309 Beiträge
    0 Hilfreiche Beiträge
    11. 05. 2010, 08:49

    Hi,

    unter [url=]http://www.1835-heessen.de[/url] 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

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

  • Climber Climber
    R2-D2
    0 x
    82 Beiträge
    0 Hilfreiche Beiträge
    02. 11. 2010, 13: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

  • igorshmigor igorshmig...
    Jedi-Ratsmitglied
    0 x
    941 Beiträge
    0 Hilfreiche Beiträge
    02. 11. 2010, 13:55

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

  • waldosparding waldospar...
    Jedi-Meister
    0 x
    309 Beiträge
    0 Hilfreiche Beiträge
    02. 11. 2010, 14:32

    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.
    ################

  • igorshmigor igorshmig...
    Jedi-Ratsmitglied
    0 x
    941 Beiträge
    0 Hilfreiche Beiträge
    02. 11. 2010, 15:55

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

  • TheFreeman TheFreema...
    Jedi-Meister
    0 x
    504 Beiträge
    0 Hilfreiche Beiträge
    16. 03. 2011, 13:29

    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: [url=www.foto-gabi.de]Guggst Du hier.[/url]

    es geht hier erst einmal nur um das DIV

    1. <div id="header_slogan" class="walkway_bold">bla bla bla</div>

    Die Scripts werden so eingebunden:

    1. <script src="fileadmin/sys_layout/fonts/cufon-yui.js?1300276953" type="text/javascript"></script>
    2. <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:

    1. $(document).ready(function() {
    2. Cufon.replace('.walkway_black', { fontFamily: 'Walkway Black', hover: true });
    3. Cufon.replace('.walkway_bold', { fontFamily: 'Walkway Bold', hover: true });
    4. });

    Aber warum geht es online nicht? :'(

  • 1