font-family: Schriftart [Beispieltemplate]
Anzeige Hier werben
Diese Vorlage soll ein Leitfaden sein, wie eine CSS-Referenz-Seite aussehen soll. Es muss sich aber nicht 100%ig an diese Vorlage gehalten werden: die Auflistung der Werte beispielsweise muss nicht für jede Eigenschaft so Sinn machen.
Titel
Bitte den Titel wie in dieser Vorlage mit Eigenschaftsname: Deutscher Begriff angeben!
Beschreibung
In der Artikelbeschreibung sollte eine sehr kurze Erklärung der CSS- Eigenschaft stehen. z.B:
Mit der CSS-Eigenschaft legt man Schriftart fest.
font-size
Werte: bla, Länge, Prozentangabe
Standardwert: bar
Vererbung: Ja/Nein
Kurzschreibweise: font
Anwendbar auf: alle Elemente / bestimmte HTML-Elemente / Blocklevel-Elemente / Inline-Elemente
CSS-Level: CSS1, CSS2.1, CSS3
Kurzer allgemeiner Beschreibungstext. Was macht die Eigenschaft? Für was verwendet man sie? Am besten kein Beispiel und keine Werte die das Element annehmen kann, dass wird unten erklärt.
Optional: Je nach Eigenschaft Spezialisierung ( -> ) oder Verallgemeinerung ( -> ).
CSS-Version der Eigenschaft/einzelner Werte sowie die Vererbung der Eigenschaft sollten im Text kurz erwähnt sein.
Speziellere Eigenschaften [am Beispiel margin]
| Eigenschaft |
Bedeutung |
Beispiel |
margin-left |
Legt den Außenabstand nur für die linke Kante fest. |
margin-left: 2px; |
margin-right |
... |
... |
| ... |
Kurzschreibweise: font [am Beispiel font]
Die Schriftart kann zusammen mit allen anderen Schrifteigenschaften durch die zusammenfassende Eigenschaft font gesetzt werden.
Werte
Kurze allgemeine Beschreibung, Nennung des Standardwertes.
| Wert |
Bedeutung |
Beispiel |
| Schriftart [Anker auf Detail-Beschreibung] |
Diese Beschreibung enthält nur einen Satz. | font-family: Arial, Helvetica; |
| generische Schriftart [Anker auf Detail-Beschreibung] | bar |
Schriftart
Bevor Sie diesen Text lesen, sollten Sie unbedingt zwei Dinge tun. Erstens sollten Sie der Agentur noch einmal ausdrücklich versichern, dass Sie diese Anzeige für das Beste halten, was Sie je gesehen haben, und noch heute einen langfristigen Vertrag abschliessen möchten. Zweitens sollten Sie davon ausgehen, dass diese Anzeige über Nacht entstanden ist und deshalb noch stark verbessert werden kann. Am Layout wird noch ein bisschen gedreht, das Logo wird noch einen Tick grösser und der Text, der hier stehen soll, wird kein Tippfehler haben.
generische Schriftart
Bevor Sie diesen Text lesen, sollten Sie unbedingt zwei Dinge tun. Erstens sollten Sie der Agentur noch einmal ausdrücklich versichern, dass Sie diese Anzeige für das Beste halten, was Sie je gesehen haben, und noch heute einen langfristigen Vertrag abschliessen möchten. Zweitens sollten Sie davon ausgehen, dass diese Anzeige über Nacht entstanden ist und deshalb noch stark verbessert werden kann. Am Layout wird noch ein bisschen gedreht, das Logo wird noch einen Tick grösser und der Text, der hier stehen soll, wird kein Tippfehler haben.
Mögliche Werte:
- sans-serif
- mono...
- ...
Hinweise/Tipps [optional]
z.B.: Generische Schriftart immer als letztes angeben
Kompatibilitätsprobleme/Browserbesonderheiten [optional]
Alle Browser unterstützen relativ gut.
IE: Border Box Model [nur ein Beispiel]
Der Internet-Explorer berechnet die Größe falsch...
Beispiele
Als ausführbaren(?) Code.
1 2 3 | <p style="font-family: 'Comic MS Sans';">
Nur ein Beispiel
</p>
|
...
Beispiele können auch bei einzelnen Werten (oben) direkt eingebunden werden.
Weiterführende Links
Verweise auf andere Artikel in der Referenz, W3C-Standards, andere Referenzen, ... als Liste.
Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 4 Personen an der Seite "font-family: Schriftart [Beispieltemplate]" mitgewirkt.
Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "font-family: Schriftart [Beispieltemplate]" hier bearbeiten.
-
David Danier arbeitet seit mehr als neun Jahren im Bereich Web Programmierung und ist unter anderem Geschäftsführer der Webagentur Team23 sowie Webmasterpro.de.
-
arbeitet seit längerem als Webdesigner und vor allem -entwickler. Er ist Webmaster von Webmasterpro.de und leitet den Flashcounter-Service.
-
Seit nunmehr 2 Jahren arbeite ich freiberuflich als Web & Screendesigner in Chemnitz und Umgebung. Meine Leistungen reichen von Arbeiten im Photoshop, Illustrator, In Design, Quark und Dreamweaver (Code). Hauptberuflich arbeite ich als Zivi und gründe Ende 2008 mit einem guten Freund eine Agentur für Print- und Webdesign.
-
Student der Biochemie und seit einigen Jahren im Hobby-Entwicklerbereich tätig. Stärken in XHTML/CSS und PHP, alles was mit Grafik zu tun hat, gehört nicht dazu.