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:
http://mkheritagetest.org.uk/wp-content/themes/sherington/
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:
http://mkheritagetest.org.uk/wp-content/themes/sherington/style.css
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.)