2015-08-18 65 views
3

我想在ck編輯器中添加印地文體字體。我在ckeditor的content.css中添加了以下css。在CK編輯器中添加印地文字體

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應用程序中的字體/文件夾中。

現在kurti開發字體出現在字體樣式下拉,但印地文字體不適用於此。我的代碼中的問題在哪裏?

+0

可能重複的[印地文字體不能在CKEditor中工作?](http://stackoverflow.com/questions/24545879/hindi-fonts-are-not-working-in-ckeditor) – Reinmar

回答

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

    正確檢查您的路徑。