is it possible that you add a font-display: swap; to future releases on the /plugins/wp-accessibility/toolbar/fonts/css/a11y-toolbar.css file? Google Pagespeed is not amused about this

Thank you and best regards!

We are using your popular plugin for our website. As the test is not visible during load and delaying load time, we tried to enable “font display” option to swap.
Which is common in chrome, but didn’t work.

Is it possible to integrate font display? If so, where to add?

Thank You.

After viewing the siteground optimizer minified version of the css file it has removed the “font-display: swap;”.

I’d like sg optimizer to leave that in it.
Any possibility to achieve that?

I am looking to solve the “Ensure text remains visible during webfont load” PageSpeed issue. I am aware that font-display:swap does the job, but there was never a @font-face rule in my theme code, so I′m trying to add it now.

I don′t think any fonts were ever uploaded to the website, so I′m not sure where to start here.

I tried going through the suggestions PageSpeed audit provided me with to eliminate those fonts, so I came up with this query (for one of the fonts):

@font-face {
	font-family: 'Poppins';
	src: url 
        (https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2
        ) format('woff2');
	font-display: swap;
}

However, it didn′t remove this specific font from the issue pane. Do I have to specifiy font-style and font-weight? In that case, how can I know what are those exactly – I′m using a bunch of font weights on my pages.

Besides, there are also some Roboto fonts that I′m not using at all – is there a way to rather eliminate them completely?

I would be really thankful for some direction here – I′m familiar with a few webdev basics, but am still a very rookie level.

google pagespeed is complaining about the three fonts loaded by yith badgemanagement:
“Ensure text remains visible during webfont load” and “Warnings: Lighthouse was unable to automatically check the font-display value for the origin …”

Regarding to pagespeed the delay of the three fonts is quite huge (more than half a second)

I am only using the builtin “new” image badge, so in theory I do not need any of the three fonts loaded from yith badgemanagement plugin folder. Is there any way to stop loading those fonts or fix the font-display issue mentioned by google pagespeed?

Thanks a lot in advance,
Andreas

Seems there’s problems with one of the fonts I’m using that I set in the Customizer. Lighthouse / Google Page Speed says I need to add the font-display: swap; to the @font-face and since it’s dynamically generated, I’m not sure where to add this or if I can add this into my child theme.

In addition, there’s also a mention that the woff2 files for the font and chaining the critical request and I’m not sure that can be corrected either.

Any suggestion to correct these?

It improves my site speed, but unfortinatelly breaks special characters – they do not display correctly (seems that they are replaced with some default font characters) – the font is Google Font – Roboto.

Chrome and Safari both.

If you check here you can see: https://moneo.lv/blogs/dokumentu-digitalilzacija-moneo-costpocket/

Could you advice if there is a way to fix it?

Thanks!