tdoo.sqs......: Google Font-API

Es gibt zwei Stufen für die Verwendung von Google Font-API.

Der erste Schritt ist, um auf die CSS-Stylesheet müssen Sie in Ihrem HTML-Dokument, genauer gesagt innerhalb des <head> Tags . Dieser Hinweis sollte in allen Web-Seiten, die Schrift (en) verlangen von Google Font-API verwenden werden.

Das wird ein Kinderspiel, wenn Sie ein Content Management System oder Blogging-Plattform wie Wordpress, weil Sie nur einmal, dies zu tun mit Ihrer Website Thema Vorlage verwenden.

Wenn Sie eine statische HTML-Website haben, dann müssen Sie in diesem Code auf allen Webseiten Stecker, oder wenn Sie eine globale CSS-Datei haben, können Sie den @ import CSS-Eigenschaft innerhalb es zu benutzen.

Im Beispiel unten ist der Tag, wo Sie <link> Referenzierung Google API sind. Das href-Wert ist der wichtigste - ist die Schriftart FontName wollen wir in unserer Web-Seite nutzen. Sie können die FontName Wert mit einer der unterstützten Schriftarten, die Sie im Google Directory finden Font ersetzen kann.

</head>
<title>Home Page</title>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=FontName">
</head>/>

in etwa so

</head>
<title>Home Page</title>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=FontName:bolditalic|AnotherFontName:italic">
</head>/>

Der zweite Schritt ist die CSS festlegen, wie wir die Schrift haben wir beantragt, nutzen wollen.

Lassen Sie uns sagen, dass wir die FontName Schrift auf allen Absatz-Tags in unseren Web-Seiten verwenden möchten.

Wir würden Sie die folgenden CSS:

p {
font-family: 'FontName';
font-size: 12px;
}

Für diejenigen, die nicht sehr vertraut mit CSS, hilft es, sie laut vorzulesen in einfachem Englisch zu verstehen, was, AOS los. Was den obigen Code sagt: ". Alle [p] aragraphs sollte die Schriftart, FontName, ua mit einer Größe von 12px verwenden"

Nun, da Sie, mit den grundlegenden Form der Stellung eines Antrags bei Google Font-API lassen, erforschen einige fortgeschrittene Möglichkeiten, Anfragen.

Standardmäßig erhalten Sie die normalen Stil einer bestimmten Schriftart. Aber was, wenn du wolltest zu verwenden und anzuzeigen anderen Stil, wie fett oder kursiv?

Easy. Man fügt einfach einen Doppelpunkt (:) am Ende der Schrift, gefolgt vom Name von dem Stil, den Sie möchten. Und wenn Sie mehr als ein Stil, muss man nur trennen sie jeweils durch ein Komma (,).

Zum Beispiel, wenn Sie die kursiv und fett Version FontName wollen, dann wird Ihre Referenz:

Die Styles können Sie verwenden, kursiv (italic oder i), fett (fett oder b) und Fett Kursiv (bolditalic oder bi).
Anfordern von mehreren Schriften

Oftmals Sie wollen Äôll mehr als eine Schriftart. Dort AOs keine Notwendigkeit, mehrere Referenzen zu machen, wenn dies der Fall ist. Alles was Sie tun müssen, ist anzufügen Ihre Anfrage mit einem Symbol | von einer anderen Schriftart-Name gefolgt.

Lassen Sie uns sagen, Sie wollten die fett und kursiv Version FontName und den Kursivstil AntotherFontName; unseren Link wäre: