Font works in responsive not on computer

Hi,

The same stylesheet is used in all modes. Therefore, unless you do not overwrite the font-family for a particular mode the same font will be used in all modes.
I see that you're using absolute path to the font. If you're using this font on another website which works though HTTPS the font will be blocked by CORS policy. You can check it in browser console. In this case you need to add corresponding headers into the htaccess file to allow loading resources from this origin.

Thank you,
Olivia

Thanks for you reply.

I had the font on other server, now upload it into the right server, like this:

@font-face {
font-family: 'KGSomebodyThatIUsedToKnow';
src: url('/wp-content/themes/lief01/fonts/KGSomebodyThatIUsedToKnow.ttf') format('truetype'),
url('/wp-content/themes/lief01/fonts/KGSomebodyThatIUsedToKnow.woff') format('woff');
}

body
{
font-family: 'KGSomebodyThatIUsedToKnow', KGSomebodyThatIUsedToKnow;
}

But still not working on the computer, mobile device works well.

I dont know what happend, but now it works

Hi,

When you use relative path it is important that the path is correct. As alternative you can try the absolute path. In general, if the font is located on the same server the font should not be blocked.

Thank you,
Olivia

When a font displays correctly on responsive devices but not on a computer, it usually indicates a missing font file, incorrect CSS path, or browser caching issue. Checking your @font-face setup and ensuring all formats (WOFF, TTF, EOT) are properly linked can resolve it. Similarly, money for circuit boards focuses on efficiency—recovering value from unused hardware instead of letting it fail due to minor oversights. Just as fixing code details restores design consistency, refining recycling methods ensures technology remains functional and sustainable in today’s ever-evolving digital environment.