I recently reviewed a thread regarding Google Fonts and TinyMCE, and I have successfully added new fonts to TinyMCE in the past. However, I am currently facing an issue where I am unable to add a new font called "Samman" that I obtained from MyFonts.com.
In my TinyMCE initialization settings, I have included the following:
content_css : "css/fonts.css,css/userdesigntool.css,http://fonts.googleapis.com/css?family=Paytone+One,http://fonts.googleapis.com/css?family=Aclonica",
The font description for "Samman" is saved in my server's fonts/css folder within the css/fonts.css file:
@font-face {
font-family: 'sammanregular';
src: url('fonts/samman/samman-webfont.eot');
src: url('fonts/samman/samman-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/samman/samman-webfont.woff') format('woff'),
url('fonts/samman/samman-webfont.ttf') format('truetype'),
url('fonts/samman/samman-webfont.svg#sammanregular') format('svg');
font-weight: normal;
font-style: normal;
}
I have verified that the files are located in the expected path. Additionally, in the theme_advanced_fonts entry of the TinyMCE initialization, I have specified the new font under the variable tm_fonts.
Although "Samman" appears in the list of available fonts in TinyMCE, selecting it does not change the text's font style. The browser's debugger confirms that the correct stylesheets are being loaded, but the font-family property does not update when "Samman" is selected.
It has been some time since I last worked on adding fonts to TinyMCE, so I may have overlooked something. Any assistance in resolving this issue would be greatly appreciated.