By default NitroPack is configured for fast page rendering. By default, browsers will not render text if the font is not loaded yet, which slows down the rendering of pages.

NitroPack instructs the browsers to render text as soon as they can, and then swap the font of the rendered text as soon as the font becomes available. This makes for a very fast page rendering, however the font swap is often visible to the clients. If you want to disable this feature and keep the default browser behavior where text is rendered only after the fonts are loaded you can do the following setting changes in NitroPack in order to achieve this:

  1. Log into your account at https://nitropack.io/
  2. Navigate to the Settings section
  3. Move the optimization mode slider to Manual
  4. Switch to the Advanced Settings tab
  5. Click Additional options under the Optimize CSS Delivery option
  6. Set Remove @font-face rules from the critical CSS to Disabled
  7. Disable the Override font rendering behavior option by using its slider toggle on the right

Save the changes and purge your cache.

Did this answer your question?