![]() ![]() When using custom icons in WordPress, we always recommend SVGs wherever possible. Woodmart font-display for icon fontsĪlso, when it comes to Font Awesome, ensure you’re only loading the icons you need (if possible). If you’re using Elementor, skip down to the eicons fix. So make sure to check your theme settings. Some themes also have an option to change the font-display property in their options. Once they do that, the warning will automatically be fixed. In this case, we recommend contacting the developer and asking them to update the Font Awesome library version. However, many themes and plugins are still using older versions. There are no such things as system icons.įor Font Awesome, you need to set the font-display property to “block” instead of “swap.” Font Awesome versions 5.15 and higher now have this added automatically ( #16077). However, with Font Awesome, there is nothing to fall back to. You simply add the font-display property “swap” and they default back to system fonts temporarily until the other fonts have finished loading. With Google Fonts and Adobe Fonts, it’s pretty easy to fix the “ensure text remains visible during webfont load” warning. Typekit ensure text remains visible warning Font Awesome Simply enable this in your Adobe Fonts project. You can add the font-display property “swap” to fix the warning. Google font-display option in GeneratePress Adobe Fonts (Typekit)Īdobe Fonts is very similar to Google Fonts. However, we still recommend hosting your Google Fonts locally for performance and privacy reasons. Some well-coded themes like GeneratePress also have an option to change the property for font-display. You can then enable the display swap feature. We’ll automatically host your theme’s Google Fonts locally, which is better for performance privacy. In this case, the easiest way to fix this is to use our Local Google Fonts feature in Perfmatters. However, your theme often adds Google Fonts, and they might not always include the font-display property. If you’re adding Google Fonts manually (from ), the font-display property is already included in the code. This fixes the warning and is supported in all modern browsers. The easiest way to resolve the “ensure text remains visible during webfont load” warning with Google Fonts is to include the font-display property “swap” in your Your fonts will temporarily default back to system fonts until your Google Fonts have finished loading. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |