Wie man das beste Font in CSS3 wählen

Text als eine abstrakte Darstellung konkreter Konzepte, Ideen und Objekte, erfordert Schriftarten für die Darstellung. Die Schrift in CSS3 für den Text gewählt tut oft so viel eine Idee, wie der Text selbst zu vermitteln. Verbringen Sie einige Zeit auf Grußkarten suchen und feststellen, dass die Lieferanten dieser missives Schriftarten verwenden, um die Nachricht auf einzigartige Weise zu präsentieren.

Eine weiche Schrift begleitet einen romantischen message- eine komische Schrift uns auf eine lustige Nachricht lachen hilft. Sie können Online-Quellen, zB Onextrapixel dass Blick auf die Psychologie hinter einer Schriftart. Die folgende Liste Sie hilft für den Zugang zu den Schriften und mit ihnen auf einer Seite (in Ihre eigenen Seiten, stellen Sie sicher, dass Sie verwenden, um die Kapitalisierung gezeigt), um die Standard-CSS-Eigenschaften zur Verfügung zu verstehen:

  • SchriftfamilieDefiniert den Namen der Schriftart. Es gibt drei Schrift Klassifikationen normalerweise als Teil von CSS verwendet (und die meisten CSS-Seiten verwenden, um alle drei, wenn Sie auch die angeben src Eigentum):

  • Spezifisch: Bietet eine genaue Darstellung, wo es verwendet wird. Zum Beispiel, wenn Sie Arial als Schriftart angeben, wissen Sie, dass es eine spezifische Präsentation überall haben Sie es verwenden. Eine bestimmte Schriftart muss auf einem System installiert werden, oder der Browser wird es ignorieren.

  • Web sicher: Dies ist eine Schriftart, die eine weniger genaue Darstellung bietet, ist aber eher auf dem Computer des Benutzers angezeigt werden soll. Was Sie tatsächlich anfordert eine von mehreren Schriftarten, die ähnliche Erscheinungen haben. Die Präsentation ist oft nahe genug an das Original, dass der Benutzer nicht einmal bemerken.

  • Generisches: Eine nicht bestimmte Schriftart, die eine allgemeine Beschreibung einer Art von Schrift passt. Solche Schriftnamen sind kursiv, Fantasie, monospace, sans-serif, und Serife. Was Sie tatsächlich dem Bildschirm angezeigt werden kann am Ende nicht viel von der ursprünglichen Botschaft vermitteln, überhaupt, aber diese Auswahl sind garantiert auf jeder Plattform zu arbeiten.

  • SchriftgrößeBestimmt die Größe der Schriftart zu anderen Schriftarten auf der Seite verglichen, oder stellt eine bestimmte Schriftgröße:. Sie können für die Definition der Schriftgröße eine dieser Techniken verwenden:

  • Spezifische Größe: Wie bei den meisten CSS-Objekte können Sie eine genaue Größe für eine Schriftart angeben, unter Verwendung von Pixeln, ems, oder eine andere absolute oder relative Messung.

  • Prozentsatz: Definiert die Größe einer Schriftart als Prozentsatz der Schriftgröße des übergeordneten Elements. mit einer Größe von über 100% angeben erhöht die Schriftgröße, einen Wert unter 100% verringert die Schriftgröße angeben.

  • Stichwort: Legt die Schriftgröße mit relativ: xx-small, x-small, small, medium, large, x-large, xx-groß, kleiner, größer, und erben (wo die Schriftgröße aus dem Elternteil vererbt wird).

  • SchriftstilLegt den Stil der Schriftart, die der Browser erstellt. Der Browser muss den Stil unterstützen und die Schrift muss den Stil, um diese Eigenschaft liefern zu übernehmen. Die Schriftart Schlüsselwörter sind: normal, kursiv, schräg (In der Regel eine stärkere kursiv), und erben.

  • font-variant: Gibt an, ob der Schriftart in einer Variante Form präsentiert werden. Nicht alle Browser und Schriftarten unterstützen diese Funktion. Die Schlüsselwörter für diese Eigenschaft sind normal, Small Caps, und erben.

  • font-weightBestimmt die relative Dunkelheit der Schrift und die Breite seiner Striche:. Es gibt zwei Methoden für die Definition der Schriftstärke:

  • Numerisch: Ein Wert das relative Gewicht der Schriftart angeben, wo ein Wert von 400 ist normal und 700 ist fett. Die numerischen Werte sind: 100, 200, 300, 400, 500, 600, 700, 800 und 900. In den meisten Fällen Sie die Zahlen genau hier wie angegeben verwenden müssen - ein Browser kann einen Wert von 150 ignorieren.

  • Stichwort: Gibt die Schriftstärke mit relativ: normal, fett, kühner, leichter und erben.

  • Menü