Wordpress LScache Plugin: Ensure text remains visible during webfont load, font-display is swap
Last Updated on: Wed, 15 Apr 2026 00:00:02 Hi. Im getting a Ensure text remains visible during webfont load warning on PageSpeed (in Desktop and Mobile tabs), when I analyze https://veganism101.com. The font location is: https://veganism101.com/wp-content/themes/salient/css/fonts/OpenSans-Regular.woff for Desktop and https://veganism101.com/wp-content/themes/salient/css/fonts/OpenSans-Bold.woff for Mobile. Im using LiteSpeed Cache Plugin for WordPress (LSCache) and have already turned on font display: swap in my WordPress admin under LiteSpeed Cache > Page Optimization > CSS Settings > Font Display Optimization = Swap. When above did not work, I also added custom CSS for the fonts in question as such: / For Pagespeed Desktop view / @font-face font-display: swap font-family: Open Sans font-style: normal font-weight: normal src: local(Open Sans Regular), local(OpenSans-Regular) format(woff) / For Pagespeed Mobile view / @font-face font-display: swap font-family: Open Sans font-style: normal font-weight: bold src: local(Open Sans Bold), local(OpenSans-Bold) format(woff) Expand But Im still getting this warning on PageSpeed. Any thoughts? Hi, where did you add that ? @font-face font-family:Open Sans src:url(https://veganism101.com/wp-content/themes/salient/css/fonts/OpenSans-Light.woff) format(woff) font-weight:300 font-style:normal @font-face font-family:Open Sans src:url(https://veganism101.com/wp-content/themes/salient/css/fonts/OpenSans-Regular.woff) format(woff) font-weight:400 font-style:normal @font-face font-family:Open Sans src:url(https://veganism101.com/wp-content/themes/salient/css/fonts/OpenSans-SemiBold.woff) format(woff) font-weight:600 font-style:normal @font-face font-family:Open Sans src:url(https://veganism101.com/wp-content/themes/salient/css/fonts/OpenSans-Bold.woff) format(woff) font-weight:700 font-style:normal Expand didnt see any font-display from your HTML Best regards, Thank you for your reply. I added font-display:swap to my themes custom CSS. If view page source, if you search for font-display it will show up. Still getting the warning in Page Speed. the font in question was shown up twice in your HTML the first one is without swap , the second one has , you need to add swap to first code as well.
LiteCache Rush: Speed comes from using less, not from doing it faster
Reference