Startseite  |  Kontakt  |  Seitenverzeichnis  |  Kürzlich aktualisierte Seiten  |  Datenschutz  |  AGB  |  Suchen  |  Impressum

Telefon: 07022 / 60 2005  |  E-Mail:
TYPO3-Beratung - CMS-Webseitenerstellung, Webdesign
  • Startseite
  • Referenzen
  • Blog
  • TYPO3 Stuttgart
  • Optimierung
  • TYPO3-Tipps
  • Kurse und Seminare
  •  

    GoogleWebFonts in TYPO3 einbinden

    Um Webseiten individueller zu gestalten, lassen sich über Google weitere Internet-Schriften (sog. WebFonts) nachladen.

    Der dafür verantwortliche Google-Dienst heißt logischerweise GoogleWebFontshttp://www.google.com/webfonts/v2. Ihn gibt es inzwischen in der Version 2, mit derzeit rund 200 internetfähigen Schriften.

    Das Problem mit Internetschriften ist nachwievor, ob sie nachgeladen werden, wie lange dies dauert und ob das Internetanzeigeprogrammm beim Besucher einer Webseite alles ordentlich rendert, zumindest so wie Webdesigner bzw. Webentwickler und Marketingabteilung dies wünschen.

    Vorgehensweise zum Einbinden einer Schrift

    1. http://www.google.com/webfonts/v2GoogleWebFonts aufrufen

    2. Schrift auswählen und Code erhalten

    3. Die Codezeile im Kopfbereich der TYPO3-Seite ausgeben

    4. CSS-Datei entsprechend anpassen, damit die Schrift auch aufgerufen wird.

    TypoScript

    seite = PAGE 
    seite.headerData.997 = TEXT
    seite.headerData.997.wrap (
    <link href='http://fonts.googleapis.com/css?
    family=Ruslan+Display&subset=latin-ext&v2'
    rel='stylesheet' type='text/css'>
    )

     

    CSS

    In der CSS-Datei wird die neue Schrift so angesprochen:

     

    font-family: 'Ruslan Display', cursive; 

    Schriftenkombination

    Und hier können Sie Ihren Geschmack testen, welche Schrift mit welcher harmoniert:


    Themen: TYPO3-Web-Design, TYPO3-Optimierung, CMS-Homepages gestalten, TYPO3-Internetseiten erstellen, Website-Programmierung, Webseitengestaltung, Google, Internet-Schriften, Web Fonts nachladen, Zeichensätze, TYPO3-Tipps, Googledienste und TYPO3, GoogleWebFonts in TYPO3 einbinden.

    [ • Startseite ]   [ ⇐ Zurück ]   [ Π Drucken ]   [ ⇑ Nach oben ]  

     

    Startseite  |  Kontakt  |  Seitenverzeichnis  |  Kürzlich aktualisierte Seiten  |  Datenschutz  |  AGB  |  Suchen  |  Impressum
    Letzte Änderung: Dienstag, 05.07.2011
    Flag Counter