Is it possible to load additional fonts to the theme?

  1. Home
  2. Docs
  3. Fudge2
  4. Frequently Asked Question...
  5. Is it possible to load additional fonts to the theme?

Is it possible to load additional fonts to the theme?

1) Please activate child theme as per the below tutorial:
Fudge 2 Theme How to activate a Child theme

2) Please upload the font folder to wp-content/themes/fudge2-child

3) Please navigate to Appearance->Editor->style.css

4) If the font folder name is BaronvonWesseling-Book and font name is BaronvonWesseling-Book, add the below code to the end of the style-sheet:

[css]@font-face {
font-family: ‘BaronvonWesseling-Book’;
src: url(‘BaronvonWesseling-Book/BaronvonWesseling-Book.eot?#iefix’) format(’embedded-opentype’), url(‘BaronvonWesseling-Book/BaronvonWesseling-Book.otf’) format(‘opentype’),
url(‘BaronvonWesseling-Book/BaronvonWesseling-Book.woff’) format(‘woff’), url(‘BaronvonWesseling-Book/BaronvonWesseling-Book.ttf’) format(‘truetype’), url(‘BaronvonWesseling-Book/BaronvonWesseling-Book.svg#BaronvonWesseling-Book’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
*{ font-family: ‘BaronvonWesseling-Book’ !important; }
i.fa{font-family:’FontAwesome’!important;}
.glyphicon{font-family:’Glyphicons Halflings’ !important;}
.ab-icon {font-family: ‘dashicons’ !important;}[/css]

5) You may need to change font name and path as per your requirement.

6) Save the file.

Was this article helpful to you? Yes No