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
Libérer: 2024-11-29 07:09:09
original
105 Les gens l'ont consulté

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"
Copier après la connexion

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");
Copier après la connexion

Pour le format SVG :

src: url("/fonts/font1/font1.svg") format("svg");
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal