Wie verknüpfe ich externe CSS- und Schriftartdateien aus separaten Ordnern in meinem Website-Projekt?

CSS- und Schriftartdateien aus externen Ordnern verknüpfen

Stellen Sie sich vor, Sie hätten einen „Website“-Ordner, in dem sich Ihre Website-Dateien befinden, und einen separaten „Fonts“-Ordner, der Schriftart-Unterordner enthält . Wenn sich Ihre HTML- und CSS-Dateien im Website-Ordner befinden, wie verknüpfen Sie sie mit Elementen im Schriftarten-Ordner?

1. Font-Face-CSS-Datei verknüpfen:

Um Ihre Schriftart-CSS-Datei im Ordner „/fonts“ zu verknüpfen, verwenden Sie die folgende Syntax in Ihrem href:

href="../../fonts/stylesheet.css"

• Beginnen Sie mit „../“, um zurück zum Ordner „Website“ zu gelangen.
• Fügen Sie „Fonts“ hinzu, um zum Ordner „Fonts“ zu navigieren.
• Zum Schluss noch hinzufügen „stylesheet.css.“

2. Schriftarten verknüpfen:

Um eine Verknüpfung zu Schriftarten herzustellen, die sich in Unterordnern im Ordner „Fonts“ befinden, Verwenden Sie die folgende Syntax in Ihrem src:

src: url('../../fonts/font1/font1.ttf') format('truetype'),
     url('../../fonts/font1/font1.svg') format('svg');

• Verwenden Sie dasselbe Syntax „../“ und „fonts“ wie zuvor.
• Navigieren Sie zum Unterordner „font1“ und fügen Sie die Schriftartdatei (font1.ttf) ein.
• Wiederholen Sie diesen Vorgang für alle weiteren Schriftartformate. Verwenden Sie die entsprechenden Dateierweiterungen.

Relativer Dateipfad Erinnerung:

Beim Navigieren durch Verzeichnisse mit Dateipfaden:

• "/":Beginnt im Stammverzeichnis.
• "../": Geht einen Schritt zurück Verzeichnis.
• "../../":Schiebt zwei Verzeichnisse zurück.
• Um vorwärts zu gehen, geben Sie die Unterverzeichnisse an.

Wenn Sie diese Konventionen verstehen, können Sie CSS- und Schriftartdateien aus externen Ordnern korrekt verknüpfen.

Das obige ist der detaillierte Inhalt vonWie verknüpfe ich externe CSS- und Schriftartdateien aus separaten Ordnern in meinem Website-Projekt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!