Adding Fonts to TinyMCE 7

For this tutorial we will be downloading fonts from Google Fonts.


@font-face {
font-family: AbrilFatface;
src: local(AbrilFatface), url(../fonts/AbrilFatface.ttf) format('opentype');
}
.abril {
font-family: AbrilFatface;
}

Be sure to add the following into the top of your style sheet.

@import url('fonts.css');

Open the file where you have the TinyMCE scripts and add the following.

font_css: '../css/fonts.css',

 

To access the added fonts in the menu go to Format/Formats.

I have added the fonts that are in the editor below for download (3.5Mb).