I’m trying to use an Arabic symbol font from here: http://fonts.qurancomplex.gov.sa/download/Symbols1_Ver02.otf
The CSS I obtain through UseAnyFont is:
@font-face {
font-family: ‘KFGQPC Arabic Symbols 01’;
font-style: normal;
src: url(‘//[path]/useanyfont/140616031549Symbols1_Ver02.eot’);
src: local(‘KFGQPC Arabic Symbols 01’), url(‘//[path]/useanyfont/140616031549Symbols1_Ver02.eot’) format(’embedded-opentype’), url(‘//[path]/useanyfont/140616031549Symbols1_Ver02.woff’) format(‘woff’);
}
The font is listed in the font family dropdown of TinyMCE, but I am unable to see any effect on the text. The interesting thing is that I can use with CSS to style specific text.
What could be going wrong?