Maison >interface Web >tutoriel CSS >Comment lier des fichiers CSS et de polices externes à partir de dossiers distincts dans mon projet de site Web ?

Comment lier des fichiers CSS et de polices externes à partir de dossiers distincts dans mon projet de site Web ?

Patricia Arquette
Patricia Arquetteoriginal
2024-11-29 06:52:10941parcourir

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

Lier les fichiers CSS et de polices à partir de dossiers externes

Imaginez avoir un dossier « Site Web » où résident les fichiers de votre site Web et un dossier « Polices » distinct qui contient des sous-dossiers de polices. . Si vos fichiers HTML et CSS se trouvent dans le dossier Site Web, comment les lier aux éléments du dossier Polices ?

  1. Liaison du fichier CSS Font-Face :

Pour lier votre fichier CSS font-face situé dans le dossier "/fonts", utilisez la syntaxe suivante dans votre href :

href="../../fonts/stylesheet.css"
  • Commencez par "../" pour revenir au dossier "Site Web".
  • Ajoutez des "polices" pour accéder au dossier "Polices".
  • Enfin, incluez "stylesheet.css."
  1. Liaison des polices :

Pour créer un lien vers des polices situées dans des sous-dossiers du dossier "Polices", utilisez la syntaxe suivante dans votre src :

src: url('../../fonts/font1/font1.ttf') format('truetype'),
     url('../../fonts/font1/font1.svg') format('svg');
  • Utilisez le même "../" et la syntaxe "fonts" comme avant.
  • Accédez au sous-dossier "font1" et incluez le fichier de police (font1.ttf).
  • Répétez l'opération pour tous les formats de police supplémentaires, en utilisant les extensions de fichier appropriées. .

Rappel du chemin de fichier relatif :

Quand navigation dans les répertoires à l'aide des chemins de fichiers :

  • "/": Commence à partir du répertoire racine.
  • "../": Recule d'un répertoire.
  • "../../": Recule de deux répertoires.
  • Pour avancer, spécifiez les sous-répertoires.

En comprenant ces conventions, vous pouvez lier avec précision les fichiers CSS et de polices des dossiers externes.

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