html - Absolute path not working in some files -


i've been banging head against wall hour stupid problem.

i'm building website , i'm using font awesome. home page of site located in root (/); page called fog.html in /content/books/. font awesome folder (font-awesome-4.6.3) in /fonts/, example fa's fonts in /fonts/font-awesome-4.6.3/fonts/.

i reference fa's css home page this:

<link rel="stylesheet" href="fonts/font-awesome-4.6.3/css/font-awesome.min.css">

and fog.html this:

<link rel="stylesheet" href="../../fonts/font-awesome-4.6.3/css/font-awesome.min.css">

because fog.html 2 directories deeper home. checked inspector , fa's css referenced in both instances.

fa's icons visible on home page, blank squares on fog.html. guessed must because fa fonts referenced fa's css using relative paths, , since 2 pages located in different parts of directory tree, relative path type in there take me different places depending on page css referenced in.

so decided i'd use absolute paths in fa's css. i'm doing on local pc, edited css looks this:

/*! * font awesome 4.6.3 @davegandy - http://fontawesome.io - @fontawesome * license - http://fontawesome.io/license (font: sil ofl 1.1, css: mit license) */@font-face{font-family:'fontawesome';src:url('file:///e:/nicola/the%20elynx%20saga/current/documents/elynxsaga.com/site/fonts/font-awesome-4.6.3/fonts/fontawesome-webfont.eot?v=4.6.3');src:url('file:///e:/nicola/the%20elynx%20saga/current/documents/elynxsaga.com/site/fonts/font-awesome-4.6.3/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('file:///e:/nicola/the%20elynx%20saga/current/documents/elynxsaga.com/site/fonts/font-awesome-4.6.3/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('file:///e:/nicola/the%20elynx%20saga/current/documents/elynxsaga.com/site/fonts/font-awesome-4.6.3/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('file:///e:/nicola/the%20elynx%20saga/current/documents/elynxsaga.com/site/fonts/font-awesome-4.6.3/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('file:///e:/nicola/the%20elynx%20saga/current/documents/elynxsaga.com/site/fonts/font-awesome-4.6.3/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') [etc]

regardless of mess, fa's icons still show on home page, don't on fog.html. absolute path can't okay 1 location , not okay another, , since fa's css appears referenced on fog.html, haven't got foggiest clue why happens.

any appreciated!


Comments

Popular posts from this blog

serialization - Convert Any type in scala to Array[Byte] and back -

matplotlib support failed in PyCharm on OSX -

python - Matplotlib: TypeError: 'AxesSubplot' object is not callable -