Webdesign - Webseiten planen, gestalten - Free-Hack Library

TIPP:
Auf S. 78 finden Sie einen Exkurs zu den CSS
Media Queries, die von der @media-Regel
Gebrauch machen.
74
}
body {
max-width: 35em;
margin: 0 auto;
}
@media print {
html {
background: #fff;
color: #000;
}
body {
padding: 1in;
border: 0.5pt solid #666;
}
}
CSS
Werden mehrere Ausgabemedien innnerhalb eines Stylesheets
angegeben, kann dieses sehr schnell unübersichtlich werden. Sie
sollten in Erwägung ziehen, unterschiedliche Stylesheets für die
verschiedenen Ausgabemedien bereitzustellen.
In der CSS 2-Spezifikation war zum Einbetten von Fonts die Regel
@font-face vorgesehen. Wegen mangelnder Umsetzung durch die
Browserhersteller wurde sie allerdings nicht in die Zwischenversion
2.1 übernommen; mit dem CSS 3 Web Fonts Modul ist sie wieder
in die W3C-Empfehlungen aufgenommen worden. @font-face
ermöglicht das Einbinden von Schriften in das Dokument. Um
Schriften in Websites einbinden zu können, werden die Fonts
temporär auf den Rechner des Nutzers heruntergeladen und
anschließend dort installiert. In der Darstellung im Browserfenster
existiert so kein Unterschied zu Schriften, die nativ auf dem Rechner
installiert sind. Selbstverständlich sind bei dieser Vorgehensweise
die Lizenzbedingungen der Schriften zu berücksichtigen, denn
die meisten kommerziellen Schriften sind nicht für eine derartige
Nutzung vorgesehen.
Als Schriftformate werden True Type Fonts (ttf) und Open Type
Fonts (otf) unterstützt, der Internet Explorer benötigt ein besonderes
Format, das Embedded Open Type Format (eot). Die
Schriften werden beim Benutzer temporär installiert, so dass die
entsprechende Webseite in der gewünschten Schrift angesehen
werden kann.
@font-face {
font-family: Gentium;
src: url(http://site/fonts/Gentium.ttf);
}
Verwendet wird die Schrift dann z. B. folgendermaßen: