- Upload your web font files to the Media Library, along with any applicable license agreement or documentation (GrowthZone reserves the right to delete any licensable/paid fonts without proper documentation as we would be exposed to legal liability if it is not present).
Eligible font file types include TTF, OTF, WOFF, WOFF2, and EOT. WordPress does not allow SVG fonts by default due to security risks. - To use the font, you will need to grab the file url by clicking on the font in the Media Library and copying the url provided.
- Add this CSS code to the Customizer > Additional CSS panel (this is sample code only):
@font-face {
font-family: ‘Museo_Slab_100’;
src: url(paste in the url from Step #2 here inside single quotes); }
This step makes the font available for use on your site. - To use web fonts, they must be coded via standard CSS rules in the Customizer > Additional CSS panel. For example:
p {
font-family: ‘Museo_Slab_100’, Arial, sans-serif;
}
Note that is a Best Practice to add a couple of ‘fallback’ fonts that will display in case your main font fails to load properly.