I have 2 Questions, After searching and working for the entire day :
In my website I have added a new hindi font named KRUTI DEV and added the following CSS in my css file :
@font-face {
`font-family: 'kruti_dev_010regular';`
'src: url('../fonts/k010-webfont.eot');`
`src: url('../fonts/k010-webfont.eot?#iefix') format('embedded-opentype'),`
` url('../fonts/k010-webfont.woff') format('woff'),`
`url('../fontsk010-webfont.ttf') format('truetype'),`
`url('../fonts/k010-webfont.svg#kruti_dev_010regular') format('svg');`
`font-weight: normal;`
`font-style: normal;`
}
1. So my First question is that the Hindi font is seen on the Internet Explorer(11) browser BUT NOT seen on Google Chrome and Firefox.
Its showing something like this : deZpkjh jkT; chek fuxe {ks=h; dk;
AND
2.My Second Question is, I am using CKEditor and I would like to add Hindi font when any one types with English keyboard so that it can be converted to Hindi. Following is what I have done so far and found the same things when searched for the same :
In config.js added the following line of code :
config.font_names = 'Kruti Dev 010/Kruti Dev 010;' + config.font_names;
and in content.css added the above mentioned CSS.
I can see in the editor Font dropdown the Hindi font name*(Kruti Dev 010)* but its not changing the language when I type with English Keyboard.
Please help me.
Thanks !