Adding own font

First, create a child theme such as Sherington, a child theme to Mantra.

You can add your own font, such as Buckingham Regular, to this child theme, by uploading the font files to the Sherington directory:

and adding:

@font-face {

                font-family: ‘buckinghamregular’;

                src: url(‘buckinghamregular-webfont.eot’);

                src: url(‘buckinghamregular-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘buckinghamregular-webfont.woff2’) format(‘woff2’), url(‘buckinghamregular-webfont.woff’) format(‘woff’), url(‘buckinghamregular-webfont.ttf’) format(‘truetype’), url(‘buckinghamregular-webfont.svg#buckinghamregular’) format(“svg”);

                font-weight: normal;

                font-style: normal;


to the Mantra stylesheet at:


If you now go to Appearance > Edit CSS from the Admin Desktop you can choose where to use the font, e.g.:

 #site-title span a {

                font-family: ‘buckinghamregular’;


(It isn’t good practice to make these changes to a parent theme, such as Mantra, as the next time there’s an update to Mantra the changes may well be overwritten.)