Avoid Blank Square FontAwesome 5 Icons when used as CSS Pseudo Elements
Are your FontAwesome 5 icons appearing as blank squares “□ □ □ □” ? Are the icons displaying on Desktop ok but not displaying on iOS Mobile Safari iPhones or iPads? – you need to tighten up your CSS rules in order for them to display correctly. Add FontAwesome 5 CSS First up is to…
Read MoreHow to Add Web Fonts to Beaver Builder Plugin and Theme
You can add other fonts to Beaver Builder Plugin modules such as the heading module etc by first enqueuing the fonts and then using a filter to add them for the font selection of the plugin modules. Before you do this you need to enqueue the fonts so the plugin can recognise them which you…
Read MoreAdd System Font Stack to Customiser Preset in Beaver Builder Theme & Plugin
A system font stack is a series of fonts that are native to Apple, Windows and Linux desktop and mobile operating systems, they are inbuilt so are fast to load and provide a relatively comfortable and consistent display across different mediums. Beaver Theme 1.6.2 has added some additional filters that allow extra fonts to be…
Read MoreStop the Flicker Flash and Load Adobe Typekit Font Faster on WordPress
If you have an Adobe TypeKit font loaded on a WordPress site you may notice the fonts flicker just before the Typekit font is fully loaded on the page – whilst it transitions from the default font to the Typekit one – this is also known as a phenomenon called FOUC, an acronym for ‘flash…
Read More