Rufen Sie die Schriftart entsprechend dem Schriftnamen auf, damit der Browser die gewünschte Schriftart anzeigt
|
Frage 1: Wie weisen Sie den Browser an, die gewünschte Schriftart anzuzeigen? Geben Sie einfach den Namen der Schriftart nach der Schriftart ein? Leider ist es nicht so einfach. Die Namen der Schriftarten können auf verschiedenen Betriebssystemplattformen unterschiedlich sein. Auf einem MAC heißt Courier beispielsweise Courier New. Eine Schriftart, die auf einem Computer als „Kursiv“ bezeichnet wird, kann auf einem anderen Computer als „Schrägschrift“ bezeichnet werden. Wenn Sie sorgfältig studieren, werden Sie noch viele weitere Beispiele hierfür finden. Der Name, den wir einer Schriftart geben, ist also nicht unbedingt der Name, den der Computer für diese Schriftart verwendet. Außerdem müssen Sie sicherstellen, dass der von Ihnen verwendete Schriftname mit dem Schriftnamen auf Ihrem Computer übereinstimmt. Wie ermitteln Sie also den genauen Namen einer Schriftart auf dem Computer? Dies hängt von der vom Computer verwendeten Betriebssystemplattform ab. • Windows-Benutzer: Verwenden Sie den genauen Schriftartnamen, der im Schriftartenmenü einer Anwendung wie Word aufgeführt ist. •Mac-Benutzer: Vertrauen Sie nicht den Schriftnamen, die die Anwendung für Sie auflistet. Öffnen Sie stattdessen Ihren Systemordner und verwenden Sie den Schriftnamen in Ihrem Stylesheet entsprechend der dortigen Schreibweise der Schriftart. Schriftserie Eine Schriftfamilie ist ein Namensattribut in CSS, das auf eine Schriftart verweist. Die grundlegende Syntax lautet wie folgt: Code kopieren Der Code lautet wie folgt:H2 { Schriftfamilie: Helvetica, Wirkung, serifenlos } Hier ist die Regel für die Interpretation eines Stylesheets durch einen Webbrowser: Zuerst sucht er in der Liste nach dem Namen der Schriftart (Helvetica) und verwendet sie, sofern diese Schriftart auf dem Computer installiert ist. Wenn diese nicht installiert ist, wird zur nächsten Schriftart (Impact) gewechselt, und wenn auch diese Schriftart nicht installiert ist, wird zur dritten Schriftart (Sans-Serif) gewechselt. Der serifenlose Schriftparameter ist der letzte Parameter, auf den sich der Browser verlassen kann. Er weist den Browser an, eine beliebige serifenlose Standardschriftart (wahrscheinlich Arial) zu verwenden. Nachfolgend sehen Sie das tatsächliche Anzeigeergebnis des von Ihnen verwendeten Browsers: Die CSS-Schriftartensteuerung ist super. Sie können der Liste beliebige Schriftartnamen hinzufügen. Dies ist zweifellos eine gute Idee, wenn Sie sich über den Namen einer Schriftart auf verschiedenen Betriebssystemplattformen nicht sicher sind. Hinweis: Browser bevorzugen Namen in Kleinbuchstaben. Solange Sie alle Elemente testen, tritt natürlich kein Problem auf. Es empfiehlt sich, eine generische Schriftart immer als letzte Option in Ihrer Schriftartenliste aufzulisten. Zur Auswahl stehen: •Serife (kann auch Times sein) •sans-serif (kann auch Arial oder Helvetica sein) •Kursivschrift (vielleicht Comic Sans) •Fantasie (vielleicht Ransom) •Monospace (möglicherweise Courier) (Hinweis: Netsacpe Communicator unterstützt keine Kursiv- oder Fantasieschriften) Weitere Tipps zu Schriftartnamen: •Wenn der Name einer Schriftart aus mehr als einem Wort besteht, z. B. Gill Sans, schließen Sie den Schriftnamen in Ihrem CSS-Code in Anführungszeichen ein. BODY { Schriftfamilie: "gill sans", "new baskerville", Serif } • Inline hinzugefügte CSS-Regeln, verwenden Sie einfache Anführungszeichen: Code kopieren Der Code lautet wie folgt:<P STYLE="Schriftfamilie: 'Gill sans', 'neu baskerville', Serif">Text kommt hierher.</P> • Wenn Sie CSS-Regelspezifikationen gruppieren und Schriftfamilien einschließen, listen Sie die Schriftfamilie zuletzt auf, zum Beispiel: Code kopieren Der Code lautet wie folgt:H2 { Farbe: rot; Rand: 10px; Schriftfamilie: mal, Serife } • Manchmal ignoriert IE 3 eine ganze CSS-Regel, wenn die Schriftfamilie nicht zuletzt aufgeführt ist. Das ist seltsam, aber es ist wahr. Das Schriftfamilienattribut ermöglicht Ihnen das Aufrufen von Schriftarten anhand des Schriftartnamens und bietet mehr Flexibilität bei der Verwendung des Tags <FONT FACE>. |
<<: 14 praktische Erfahrungen zur Reduzierung von SCSS-Code um 50 %
>>: Einführung in den Prozess zum Erstellen einer TCP-Verbindung im Linux-System
Artikel empfehlen
React useEffect verstehen und verwenden
Inhaltsverzeichnis Vermeiden Sie sich wiederholen...
Beispiel für eine MySQL-Datenbank-übergreifende Transaktions-XA-Operation
In diesem Artikel wird die MySQL-Datenbank-übergr...
Grafisches Tutorial zur Installation und Aktivierung von VMware Workstation 14 Pro
In diesem Artikel erfahren Sie alles über die Ins...
Detaillierte Erklärung des Prinzips zum Erstellen von Tomcat in Eclipse
Beim Erstellen eines Tomcat-Servers auf einem lok...
Trash-Cli: Befehlszeilen-Papierkorb-Tool unter Linux
Ich glaube, jeder kennt den Papierkorb, da er bei...
js zur Realisierung einer einfachen Warenkorbfunktion
In diesem Artikelbeispiel wird der spezifische Co...
Hinweise zur Zeitverwaltung des Linux-Kernel-Gerätetreibers
/****************** * Zeitverwaltung des Linux-Ke...
Informationen zum Ausdruck „wenn Komma enthält“ in JavaScript
Manchmal sehen Sie in der if-Anweisung in JavaScr...
Referenzen und Referenzdetails in Vue3
Der Editor teilt Ihnen auch die entsprechenden Pr...
Detaillierte Erläuterung der MySQL Master-Slave-Datenbankkonstruktionsmethode
Dieser Artikel beschreibt, wie man eine MySQL Mas...
Implementierung der Docker-Konfigurationsänderung des Alibaba Cloud-Image-Repository
Das Docker-Repository selbst ist sehr langsam, ab...
Docker-Container vom Einstieg bis zur Obsession (empfohlen)
1. Was ist Docker? Jeder kennt virtuelle Maschine...
Erstellen Sie mit Flutter eine verschiebbare Stapel-Widget-Funktion
Dieser Beitrag konzentriert sich auf ein streng g...
Vergleichende Analyse der Hochverfügbarkeitslösungen von Oracle und MySQL
Was die Hochverfügbarkeitslösungen für Oracle und...
Implementierungsbeispiel für die Nginx-Zugriffskontrolle
Über Nginx, eine leistungsstarke, leichte Webserv...