Disable Text Flashing
Updated over a week ago

By default, browsers don't render text if the font isn't loaded, which slows down page rendering.

NitroPack instructs the browsers to render text as soon as they can and then swap the font of the rendered text when the font becomes available. This makes for a very fast page rendering, but the font swap is often visible to the users.

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:

1. Log into your account at https://nitropack.io/

2. Navigate to the Settings section

3. Go to the CSS settings tab

css-settings.png

5. Click Additional options under the Optimize CSS Delivery option

Screenshot_2022-10-25_at_17.49.07.png

6. Set Remove @font-face rules from the critical CSS to Disabled

CSS_Delivery.png

7. Go to Fonts settings and disable the Override font rendering behavior option by using its slider toggle on the right

disable_override_font.png

8. Save the changes and purge your website's cache from the Dashboard:

purge-all-cache.png
Did this answer your question?