So stellen Sie die Schriftfamilie auf HTML5 und CSS3 Web-Seiten

Um eine Schriftfamilie zu einem Teil Ihrer Seite zuzuweisen, verwenden einige neue CSS. Als Beispiel hat diese Seite die auf Comic Sans MS gesetzt Überschrift. Wenn Sie diese Seite auf einem Windows-Rechner betrachtet wird, zeigt es in der Regel die Schrift richtig, weil Comic Sans MS mit den meisten Versionen von Windows installiert ist. Wenn Sie auf eine andere Art von Maschine sind, können Sie etwas anderes zu bekommen. Schauen Sie sich den einfachen Fall.

Hier ist der Code:

comicHead.html

Dies ist eine Überschrift

Dies ist gewöhnlichen Text.

Das Geheimnis dieser Seite ist das CSS-Attribut. Wie die meisten CSS-Elemente, kann diese auf Ihrer Seite zu einem beliebigen HTML-Tag angewendet werden. In diesem speziellen Fall wurde es auf die Ebene einer Überschrift angewendet.

 h1 {font-family: "Comic Sans MS" -}

Sie können dann eine beliebige Schriftnamen anhängen Sie wollen, und der Browser versucht, diese Schriftart verwenden, um das Element anzuzeigen.

Auch wenn eine Schriftart auf dem Computer perfekt funktionieren kann, kann es nicht funktionieren, wenn die Schriftart nicht auf dem Computer des Benutzers installiert ist.

bild0.jpg

Wenn Sie genau die gleiche Seite auf einem iPad laufen, können Sie dieses Ergebnis zu sehen.

image1.jpg

Die spezifische Schriftart Comic Sans MS auf Windows-Rechnern installiert ist, aber die FRAU steht für Microsoft. Diese Schrift ist nicht immer auf Linux oder Mac installiert. (Manchmal ist es da, und manchmal ist es nicht.) Sie können nicht auf Benutzer zählen, die installiert keine besonderen Schriften.

Der Comic Sans Schriftart ist für ein Beispiel in Ordnung, aber es in Web-Entwicklung stark über verwendet wurde. Serious Web-Entwickler, die mit ihm in realen Anwendungen zu vermeiden, weil es Ihre Seite aussehen dilettantisch zu machen tendiert.

Menü