ckeditor - 在 CK 编辑器中添加印地语字体

Question

我想在 ck 编辑器中添加印地语字体。我在 ckeditor 的 content.css 中添加了以下 css。

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;
}

我在 ck 编辑器的 config.js 中添加了以下行:

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

我使用此链接生成字体和 css:

Webfont Generator

我将所有生成的字体添加到我的 ckeditor 应用程序的 fonts/文件夹中。

现在 kurti dev 字体出现在字体样式下拉菜单中，但印地文字体不适用于此。我的代码中的问题在哪里？

Answer 1

下载印地语字体 Kruti010 字体。 here

在 CkEditor 的 Config.js 中添加这个......

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

在 ck 编辑器的 langs 文件夹中添加印地语字体。

ckeditor/lang/Kruti/k010.ttf

在ckeditor的content.css中添加css。

@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;
    }

正确检查您的路径。