Comment lier des feuilles de style et des polices à partir de dossiers distincts de votre site Web ?

Liaison des feuilles de style et des polices dans des dossiers

Lors de l'organisation des fichiers d'un site Web, il est courant de séparer les éléments dans différents répertoires. Dans ce scénario, les fichiers de votre site Web résident dans le dossier « Site Web », tandis que vos fichiers liés aux polices se trouvent dans le dossier « Polices », qui contient en outre des dossiers imbriqués pour des polices spécifiques.

Pour lier votre feuille de style (" stylesheet.css") à votre fichier HTML situé dans le dossier "Website", vous pouvez simplement utiliser le chemin suivant relatif au fichier HTML :

href="stylesheet.css"

Cependant, en référençant votre Le fichier CSS font-face dans le dossier "Fonts" nécessite une approche légèrement différente. Le chemin relatif du fichier CSS font-face devient :

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

Ici, "../Fonts/" recule d'un répertoire pour atteindre le dossier "Fonts" à partir de l'emplacement du fichier HTML.

Pour lier les polices individuelles dans les dossiers imbriqués à l'intérieur du dossier "Fonts", utilisez la syntaxe suivante dans le CSS font-face file:

src: url("../Fonts/font1/font1.ttf") format("truetype");
/* Repeat for each font and format as needed */

Dans cet exemple, "../Fonts/font1/font1.ttf" spécifie le chemin relatif vers le fichier TrueType Font (TTF) situé dans le dossier "font1". Ajustez les noms de dossier et les extensions de fichiers en conséquence pour vos polices spécifiques.

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!