web-dev-qa-db-fra.com

Lier un .css sur un autre dossier

J'ai quelques questions sur la façon de lier les choses.

Imaginez que j'ai un dossier "Site Web" où mes fichiers pour ce site Web sont stockés, et un autre dossier avec des polices, et que le dossier de polices a plus de dossiers pour chaque police. Mon fichier html et css se trouve directement dans le dossier du site Web. Mon fichier font-face-css se trouve dans le dossier/font.

Je veux lier mon fichier css à mon fichier html, donc je fais ceci: href = "stylesheet.css"

Je veux également lier mon fichier font-face-css à mon fichier html, alors que dois-je mettre dans href = ""?

Et je veux également lier mes polices, qui se trouvent dans leur propre dossier, qui se trouve également dans le dossier de polices où se trouve le fichier css, vers mon fichier font-face-css, que dois-je mettre dans le src :?

 1 Website folder
    1.1 Fonts folder (/fonts)
       1.1.1 Font1 folder (/fonts/font1)
             1.1.1.1 ttf file (/font/font1/font1.ttf)
             1.1.1.2 svg file (/font/font1/font1.svg)
       1.1.2 Font2 folder (/fonts/font2)
             1.1.2.1 ttf file (/font/font1/font2.ttf)
             1.1.2.2 svg file (/font/font1/font2.svg)
    1.2 html file (file.html)
    1.3 css file  (file.css)

Merci

12
user4307777

Je ne comprends pas clairement, voulez-vous lier un CSS externe en tant que structure de fichiers que vous avez définie ci-dessus? Si oui, utilisez simplement la balise de lien:

    <link rel="stylesheet" type="text/css" href="file.css">

donc, pour les fichiers qui se trouvent sous le dossier de votre site Web (dossier contenant votre index), vous l'appelez directement. Pour chaque dossier successif utilisez le "/" par exemple dans votre cas:

    <link rel="stylesheet" type="text/css" href="Fonts/Font1/file name">
    <link rel="stylesheet" type="text/css" href="Fonts/Font2/file name">
11
mrahmat

vérifiez cela rappel rapide du chemin du fichier

Voici tout ce que vous devez savoir sur les chemins d'accès relatifs aux fichiers:

  • Commencer par "/" retourne au répertoire racine et commence là
  • Commencer par "../" déplace un répertoire en arrière et commence là
  • Commencer par "../../" déplace deux répertoires vers l'arrière et commence là (et ainsi de suite ...)
  • Pour avancer, il suffit de commencer par le premier sous-répertoire et de continuer à avancer
37
Bhojendra Rauniyar

Je pense que ce que tu veux faire c'est

<link rel="stylesheet" type="text/css" href="font/font-face/my-font-face.css">
1