Wie verlinke ich externe CSS- und Schriftartdateien aus verschachtelten Ordnern auf meiner Website?

Verknüpfen externer CSS- und Schriftartdateien

Beim Organisieren von Website-Dateien ist es notwendig, externe CSS- und Schriftartdateien zu verknüpfen. In diesem Szenario haben Sie einen „Website“-Ordner mit HTML- und CSS-Dateien und einen verschachtelten „Fonts“-Ordner, der mehrere Ordner für verschiedene Schriftarten enthält.

Verknüpfen der Font-Face-CSS-Datei

Um Ihre Schriftart-CSS-Datei zu verknüpfen, verwenden Sie Folgendes in Ihrer HTML-Datei:

href="/fonts/font-face.css"

Dadurch wird auf die CSS-Datei von verwiesen den Ordner „Fonts“ relativ zum Speicherort der HTML-Datei.

Verknüpfen der Schriftarten

Um die Schriftarten aus ihren jeweiligen Ordnern im Ordner „Fonts“ zu verknüpfen, verwenden Sie:

src: url("/fonts/font1/font1.ttf") format("truetype");

Für die SVG Format:

src: url("/fonts/font1/font1.svg") format("svg");

Dateipfad-Erinnerung

Um effektiv durch Dateipfade zu navigieren, beachten Sie die folgenden Regeln:

• "/" bezieht sich auf das Stammverzeichnis.
• ../" verschiebt ein Verzeichnis rückwärts.
• "../../" verschiebt zwei Verzeichnisse rückwärts.
• Um vorwärts zu gehen, geben Sie die Namen der Unterverzeichnisse an.

Das obige ist der detaillierte Inhalt vonWie verlinke ich externe CSS- und Schriftartdateien aus verschachtelten Ordnern auf meiner Website?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!