• Browser Kompabilität
  • Unterschiede CSS <-> HTML
  • Vorteile CSS
  • Was ist CSS?
  • Willkommen
  • CSS Beispiele

    • apfel.org
    • asien.org
    • Austauschschueler.de
    • Autokredit.de
    • balkonmöbel.net
    • billard-kicker.de
    • billardtisch.org
    • brettspiel.net
    • computerspiele.com
    • deko.net
    • Diät.de
    • domfolio.de
    • fahrraeder.org
    • gartengeraete.org
    • geburtstagsgeschenke.net
    • gutscheindatenbank.de
    • hifianlagen.net
    • hundeleine.com
    • jacken.org
    • kaffeeshop.net
    • kaffeevollautomat.de
    • kamera.org
    • Kinderbett.net
    • kinderwagen.org
    • kinofilme.org
    • kopfhörer.net
    • kopieren.net
    • kreditangebote.com
    • küche.org
    • lichterkette.net
    • massageliegen.com
    • mobiltelefone.net
    • Moderatgeber.de
    • musiknews.net
    • navigationssysteme.com
    • notebook.org
    • schmuck.org
    • schrank.og
    • solaranlage.org
    • sommerurlaub.net
    • tftmonitore.de
    • tintenstrahldrucker.org
    • vasen.net
    • westerland.org
    • wunschkredit.org

Blog Related CSS

CSS Features, Downloads, Beispiele und vieles mehr

Musiknews

Die Webseite musiknews.net beschäftigt sich – wie der Name schon sagt – mit News aus dem Bereich der Unterhaltungsmusik und spricht daher ein eher jugendliches Publikum an. Aus diesem Grund kann sich die Seite auch einen sehr kreativen Umgang mit den verwendeten Schrifttypen erlauben. Denn bei diesen Besuchern kann man davon ausgehen, dass sie aktuelle Browser verwendet, die dieses Umsetzung auch unterstützen.

Das Geheimnis hinter den ungewöhnlichen Schriften findet sich in der Datei template.css. Diese Datei, in der die verwendeten Schrifttypen und Größen definiert sind, verwendet nämlich die CSS-Befehl  @font-face,  mit der  Schriften, die nicht websicher sind – also Schriften, die der Seitenbesucher meist nicht auf seinem eigenen Rechner geladen hat - in die Seite eingebaut werden können. Die Regel  @font-face ermöglicht Webdesignern eine sehr große Freiheit bei der Gestaltung, denn dieser Code ermöglicht ihnen alle Arten von Schriften bei der Gestaltung einer Webseite einzusetzen.

Was auf den ersten Blick ausgesprochen attraktiv klingt, hat auch einen großen Nachteil: Der Browser muss das Einlesen von nicht installierten – und daher auf der Webseite hinterlegten – Schrifttypen erlauben. Da der Befehl @font-face relativ neu ist und erst in CSS 3 konsequent umgesetzt wurde, können derzeit nicht alle Browser mit diesem Code richtig umgehen. Ausser dem Internetexplorer, der diese Funktion bereits seit langem unterstützt, war Safari 3.1 der erste, der systemfremde Schriften über diesen Befehl in Webseiten einbauen konnte.

Viele beliebte, aber ältere Browser (FF.3.1, Opera 9 etc.) können daher die Seite nicht so darstellen, wie sie vom Designer entworfen wurde und verwenden an Stelle der in der CSS-Datei definierten Schriftfamilien Bebas und Continuum andere Fonts, die am Rechner des Surfers installiert sind. Da die Seite aber vor allem von einem jugendlichen Publikum angesteuert wird, das mit hoher Wahrscheinlichkeit aktuelle Browser installiert hat, dürfte dies kein großes Problem darstellen.

Alles in Allem ist Musiknews eine sehr schön gestaltete Seite.

Blog Related CSS