[SOLVED]Issue with Font loading

support
1

I have a weird issue with font loading.
I use the following code:
@font-face{font-family:suezone;font-style:normal;font-weight:400;src:url(../fonts/suezone.woff2?#iefix) format('woff2'),url(../fonts/suezone.woff) format('woff'),url(../fonts/suezone.ttf) format('truetype')}

inside a file main.min.css called through lines inside a partial “global-style.html”:

{{ partial “head/main.min.css” | safeCSS }}
{{ partial “head/progressive-image.min.css” | safeCSS }}

The special font “suezone” is well displayed on home page and section pages but NOT in a single post.
It looks like the font is not displayed when fetching a second level content post. First level (home page and section, OK, second level, NO)
When I use another method with separated css file exclusively dedicated to fonts such as
<link href="css/fonts.min.css" rel="stylesheet">
it seems that it works.
Any idea of what should be done if I want to keep the first method ?

2

You’re using a relative path to load. ‘…/fonts’. Does that match the path the server sees where it is not loading?

3

Remove the dots from ../fonts/

4

Sorry, I don’t understand what you mean (note that I am a newbie).
The testing site could be seen here for the home page (for special font see logo title and article titles) and here for single post

5

Delete the dots .. from your font paths.

The dots cause your font files to be requested from a non existent directory at your single post pages.

Why is that? See here

.. -> go "up" one level

6

Edit the path of that file so the server can serve it.

7

Perfect, it works !
Thank you again