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
Libérer: 2024-11-29 06:52:10
original
1001 Les gens l'ont consulté

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

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