How to use custom fonts
with Font Face on WordPress

This tutorial gives a step-by-step how to, using the @font-face expression on a WordPress site to embed a font stored locally. This makes a webpage load marginally faster, using internal CSS instead of calling Typekit or Google Webfonts.

Visit Website

5 Easy Steps:

  • Select A Font
  • Convert The Font to @Font-Face
  • Upload Font Files To Your Site
  • Edit Source Location
  • Define Back-Up Fonts

Website examples
using @font-face expression

by Farr Design

victorialand-font-face

Speed up your WordPress Site!What’s Our Web Design Process?