Comment lier des fichiers CSS et de polices de différents dossiers en HTML ?

Lier les fichiers CSS et de polices entre dossiers

Dans la structure de dossiers donnée, la tâche consiste à lier un fichier CSS et des fichiers de polices à partir de fichiers distincts. dossiers dans un fichier HTML. Pour ce faire :

Lier le fichier CSS :

Ouvrez le fichier HTML et ajoutez la ligne suivante dans le champ section :

<link href="../stylesheet.css" rel="stylesheet">

Cette ligne spécifie que le fichier stylesheet.css se trouve un dossier au-dessus (à l'envers) du fichier HTML.

Lien du fichier CSS Font-Face :

De même, pour lier le fichier CSS font-face, ajoutez la ligne suivante au section :

<link href="fonts/fontstyle.css" rel="stylesheet">

Cette ligne pointe vers le fichier CSS font-face, qui se trouve dans le dossier "fonts".

Lier les polices

Pour lier les polices dans le fichier fontstyle.css, utilisez l'attribut src comme suit :

@font-face {
  font-family: 'Font1';
  src: url('../fonts/font1/font1.ttf') format('truetype');
  src: url('../fonts/font1/font1.svg') format('svg');
}

Ce code spécifie que la police Font1 se trouve dans le dossier "fonts/font1" et inclut à la fois une version TTF et SVG.

N'oubliez pas les directives suivantes lors de l'utilisation de polices relatives chemins de fichiers :

• Commençant par "/" renvoie au répertoire racine.
• Commençant par "../" déplace un répertoire vers l'arrière.
• Commencer par "../" déplace deux répertoires vers l'arrière.
• Pour avancer, commencez par le premier sous-répertoire et continuez à avancer.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!