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
Nach dem Absenden des HTML-Dropdown-Menüs bleibt der ausgewählte Wert erhalten, anstatt auf den Standardwert zurückzusetzen
Code kopieren Der Code lautet wie folgt: <html...
Implementierung der VUE-Anzeige unendlicher Ebenenbaum-Datenstrukturen
Inhaltsverzeichnis Rekursiver Aufruf der Komponen...
Die Verwendung des V-Modells in Vue3-Komponenten und ausführliche Erklärung
Inhaltsverzeichnis Verwenden Sie bidirektionale B...
Der Unterschied zwischen GB2312, GBK und UTF-8 in der Webseitenkodierung
Zunächst müssen wir verstehen, dass GB2312, GBK u...
Grafisches Tutorial zur Installation und Konfiguration von MySQL Server 5.7.20
Dieser Artikel zeichnet die Installations- und Ko...
Vue2.x konfiguriert Routing-Navigations-Guards, um die Benutzeranmeldung und -beendigung zu implementieren.
Inhaltsverzeichnis Vorwort 1. Konfigurieren Sie d...
Detaillierte Erklärung zur Verwendung von CSS3 RGB und RGBA (transparente Farbe)
Ich glaube, jeder Mensch ist sehr sensibel für Fa...
Vue3+TypeScript kapselt Axios und implementiert Anforderungsaufrufe
Auf keinen Fall. Es stellt sich heraus, dass es L...
5 Punkte, auf die Sie beim Erstellen einer Webseite achten sollten
1. Farbabstimmungsproblem <br />Eine Webseit...
Mit JS in zehn Minuten die Existenz von Elementen in einem Array bestimmen
Vorwort In der Front-End-Entwicklung müssen Sie h...
Vue implementiert eine Komponente zur dynamischen Abfrageregelgenerierung
1. Dynamische Abfrageregeln Die dynamischen Abfra...
Lösungen zum Erstellen von Ping und NFS in einer eingebetteten Linux-Entwicklungsumgebung
1. Eingebettete Softwareebene 1) Bootloader->B...
Erklärung der MySQL-Indextypen Normal, Unique und Full Text
Zu den Indextypen von MySQL gehören Normalindex, ...
Docker-Volumes-Dateizuordnungsmethode
Hintergrund Wenn Sie am Blockchain-Protokollmodul...
Wie melde ich mich per Remote-Zugriff bei der MySql-Datenbank an?
Einführung: Manchmal müssen wir zur Entwicklung e...