Adding Arabic Symbol fonts

[Naved]

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?

[DineshKeymaster]

Hi Naved,

Can you keep that in a page and send me the url ? I will check it here and let you know.

Thanks

[Naved]

Not sure what the problem was, but when I re-added the font after deleting it, it works!

[Author]

Posts