Добавить шрифт хинди в редакторе CK

Question

Я хочу добавить хинди шрифты в CK Editor. Я добавил следующий css в content.css ckeditor.

font-family: 'kruti_dev_010regular';
src: url('fonts/kruti_dev_010-webfont.eot');
src: url('fonts/kruti_dev_010-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/kruti_dev_010-webfont.woff2') format('woff2'),
     url('fonts/kruti_dev_010-webfont.woff') format('woff'),
     url('fonts/kruti_dev_010-webfont.ttf') format('truetype'),
     url('fonts/kruti_dev_010-webfont.svg#kruti_dev_010regular') format('svg');
font-weight: normal;
font-style: normal;
}

И я добавил следующую строку в config.js редактора ck:

config.font_names = 'Kruti Dev 010/"krutidev_010";' + config.font_names;

Я генерирую шрифты и CSS, используя эту ссылку:

Генератор веб-шрифтов

И я добавил все сгенерированные шрифты в папку fonts/ в моем приложении ckeditor.

Теперь шрифты kurti dev появляются в выпадающем стиле шрифтов, но шрифт хинди не применяется. Где проблема в моем коде?

Answer 1

1. Скачать шрифт хинди Kruti010 шрифтов. Вот

   Добавьте это в Config.js CkEditor ......

   config.font_names = 'Hindi/Kruti;' + config.font_names;
   

   добавьте хинди шрифты в папку lks редактора ck.

   ckeditor/lang/Kruti/k010.ttf
   

   добавить css в content.css ckeditor.

   @font-face {
       font-family: 'Kruti';
       src: url('lang/Kruti/k010.eot');
       src: local("Hindi"), url("lang/Kruti/k010.ttf") format("truetype");
       font-weight: normal;
       font-style: normal;
       }
   

   проверьте свой путь правильно.