How to work with 'public' folder?

[IvankoBoichuk]

Hi, thanks for your plugins.
I have a problem when I use the folder with static files:

Examples:

@font-face {
    font-family: 'Codec Pro';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/fonts/CodecPro-Regular.woff2") format('woff2'), url("/fonts/CodecPro-Regular.woff") format('woff');
  }

<section id="for-whom" class="bg-[url(/bg-for-who.jpg)] lg:bg-[url(/bg-for-who-lg.jpg)]"/></section>

When it runs npm run build works perfectly, but if npm run dev I'm getting 404 errors in the console:
GET http://localhost:10095/bg-for-who.jpg 404 (Not Found)
GET http://localhost:10095/bg-for-who-lg.jpg 404 (Not Found)
GET http://localhost:10095//fonts/CodecPro-Regular.woff 404 (Not Found)

http://localhost:10095/ - PHP Servers URL

[double-hash]

Hello

May be try to use complete file path format in your CSS, like :
url("./wp-content/themes/your-theme/public/fonts/CodecPro-Regular.woff2")
if you are developing a theme.

This is the only solution I found at the moment, but I don't really know if it's the best