CSS- und Schriftartdateien ordnerübergreifend verknüpfen
In der gegebenen Ordnerstruktur besteht die Aufgabe darin, eine CSS-Datei und Schriftartdateien getrennt zu verknüpfen Ordner in eine HTML-Datei. Um dies zu tun:
Verknüpfen der CSS-Datei:
Öffnen Sie die HTML-Datei und fügen Sie die folgende Zeile in das Feld
ein. Abschnitt:<link href="../stylesheet.css" rel="stylesheet">
Diese Zeile gibt an, dass sich die Datei stylesheet.css einen Ordner oberhalb (rückwärts) von der HTML-Datei befindet.
Verknüpfen der Font-Face-CSS-Datei:
Um die Schriftart-CSS-Datei zu verknüpfen, fügen Sie in ähnlicher Weise die folgende Zeile zum
hinzu. Abschnitt:<link href="fonts/fontstyle.css" rel="stylesheet">
Diese Zeile zeigt auf die CSS-Datei „font-face“, die sich im Ordner „fonts“ befindet.
Verknüpfung der Schriftarten
Um die Schriftarten in der Datei „fontstyle.css“ zu verknüpfen, verwenden Sie das src-Attribut as folgt:
@font-face { font-family: 'Font1'; src: url('../fonts/font1/font1.ttf') format('truetype'); src: url('../fonts/font1/font1.svg') format('svg'); }
Dieser Code gibt an, dass sich die Schriftart Font1 im Ordner „fonts/font1“ befindet und sowohl eine TTF- als auch eine SVG-Version enthält.
Beachten Sie die folgenden Richtlinien, wenn Sie relative verwenden Dateipfade:
Das obige ist der detaillierte Inhalt vonWie verknüpfe ich CSS- und Schriftartdateien aus verschiedenen Ordnern in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!