Link a css on another folder

Question

I have some questions about how to link things   Imagine that I have a folder  Website  where my files for that website are stored  and another folder with fonts  and that the font folder has more folders for each font  My html and css file is directly on the website folder  My font-face-css file is on the  font folder   I want to link my css file to my html file  so I do this  href  stylesheet css   I also want to link my font-face-css file to my html file  so what should I put inside href      And I also want to link my fonts  which are in their own folder  which is also inside the font folder which is where the css file is to my font-face-css file  what should I put inside the 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    Thank you

User · Answer

I think what you want to do is    x000D   x000D   lt link rel  stylesheet  type  text css  href  font font-face my-font-face css  gt  x000D   x000D   x000D

User · Answer

I dont get it clearly  do you want to link an external css as the structure of files you defined above  If yes then just use the link tag         lt link rel  stylesheet  type  text css  href  file css  gt    so basically for files that are under your website folder  folder containing your index  you directly call it  For each successive folder use the     for example in your case         lt link rel  stylesheet  type  text css  href  Fonts Font1 file name  gt       lt link rel  stylesheet  type  text css  href  Fonts Font2 file name  gt

User · Answer

x000D   x000D   lt link rel  stylesheet  type  text css  href  https   maxcdn bootstrapcdn com font-awesome 4 7 0 css font-awesome min css  gt  x000D   tree-view-com ul li   x000D    position  relative  x000D    list-style  none  x000D    x000D   tree-view-com  tree-view-child  gt  li  x000D    padding-bottom  30px  x000D    x000D   tree-view-com  tree-view-child  gt  li last-of-type  x000D    padding-bottom  0px  x000D    x000D    x000D   tree-view-com ul li a  c-icon   x000D    margin-right  10px  x000D    position  relative  x000D    top  2px  x000D    x000D   tree-view-com ul  gt  li  gt  ul   x000D    margin-top  20px  x000D    position  relative  x000D    x000D   tree-view-com  gt  ul  gt  li before   x000D    content      x000D    border-left  1px dashed  ccc  x000D    position  absolute  x000D    height  calc 100  - 30px - 5px   x000D    z-index  1  x000D    left  8px  x000D    top  30px  x000D    x000D   tree-view-com  gt  ul  gt  li  gt  ul  gt  li before   x000D    content      x000D    border-top  1px dashed  ccc  x000D    position  absolute  x000D    width  25px  x000D    left  -32px  x000D    top  12px  x000D    x000D   lt div class  tree-view-com  gt  x000D       lt ul class  tree-view-parent  gt  x000D           lt li gt  x000D               lt a href    gt  lt i class  fa fa-folder c-icon c-icon-list  aria-hidden  true  gt  lt  i gt  folder lt  a gt  x000D               lt ul class  tree-view-child  gt  x000D                   lt li gt  x000D                       lt a href    class  document-title  gt  x000D                           lt i class  fa fa-folder c-icon  aria-hidden  true  gt  lt  i gt  x000D                          sub folder 1 x000D                       lt  a gt  x000D                   lt  li gt  x000D                   lt li gt  x000D                       lt a href    class  document-title  gt  x000D                           lt i class  fa fa-folder c-icon  aria-hidden  true  gt  lt  i gt  x000D                          sub folder 2 x000D                       lt  a gt  x000D                   lt  li gt  x000D                   lt li gt  x000D                       lt a href    class  document-title  gt  x000D                           lt i class  fa fa-folder c-icon  aria-hidden  true  gt  lt  i gt  x000D                          sub folder 3 x000D                       lt  a gt  x000D                   lt  li gt  x000D               lt  ul gt  x000D           lt  li gt  x000D       lt  ul gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

check this quick reminder of file path  Here is all you need to know about relative file paths    Starting with     returns to the root directory and starts there Starting with       moves one directory backwards and starts there Starting with          moves two directories backwards and starts there  and so on     To move forward  just start with the first subdirectory and keep moving forward

[html] Link a .css on another folder

Examples related to html

Examples related to css

Examples related to fonts