Hey @Franky_Wong - can you share your
@font-face block, as well? And can you tell us what your site URL and home URL are set to on the Settings page in the WP Admin?
Also, can you follow this sequence of steps just to be sure?
- Make sure you don’t have
yarn start running.
- Visit your site at
The reason I’m asking you to perform that sequence is because there are a couple of confusing things I’m seeing in your screenshots. In your very first screenshot, it looks like you loaded the site on your devUrl (
localhost:8888), but there are several other signs that Browsersync is running or the
localhost:3000 path is being used for some reason:
- It’s giving a 404 on main.css, which is commonly associated with viewing the site in Browsersync
- It’s trying to get your fonts from
- It’s making requests to Webpack hot module reloading.
If you’re viewing the site at
localhost:8888, no requests should be being made to
localhost:3000 and HMR shouldn’t be involved at all.