Maison >interface Web >tutoriel CSS >Comment lier des fichiers CSS et de polices externes à partir de dossiers imbriqués sur mon site Web ?

Comment lier des fichiers CSS et de polices externes à partir de dossiers imbriqués sur mon site Web ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-29 07:09:09112parcourir

How Do I Link External CSS and Font Files from Nested Folders in My Website?

Lien externe des fichiers CSS et des polices

Lors de l'organisation des fichiers d'un site Web, il devient nécessaire de lier des fichiers CSS et des polices externes. Dans ce scénario, vous disposez d'un dossier « Site Web » avec des fichiers HTML et CSS et d'un dossier « Polices » imbriqué contenant plusieurs dossiers pour différentes polices.

Lien du fichier CSS Font-Face

Pour lier votre fichier CSS font-face, utilisez ce qui suit dans votre fichier HTML :

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

Cela fera référence au fichier CSS de le dossier "Polices" par rapport à l'emplacement du fichier HTML.

Lier les polices

Pour lier les polices de leurs dossiers respectifs dans le dossier "Polices", utilisez :

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

Pour le format SVG :

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

Fichier Rappel de chemin

Pour naviguer efficacement dans les chemins de fichiers, n'oubliez pas les règles suivantes :

  • "/" fait référence au répertoire racine.
  • ".. /" déplace un répertoire vers l'arrière.
  • "../../" déplace deux répertoires vers l'arrière.
  • Pour avancer, spécifiez les noms des sous-répertoires.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn