Добавление @font-face в CKEditor

Я хотел бы добавить шрифт в поле со списком шрифтов CKEditor. Это само по себе достаточно просто. Однако шрифт, который я хотел бы добавить, - это специальный шрифт, который я использую с атрибутом CSS3 @font-face. Мне это удалось, но сам редактор не отображает пользовательский шрифт. Если я просто возьму html, созданный CKEditor, и покажу его в div на странице, пользовательский шрифт будет хорошо отображаться. Я также хотел бы как-то добавить атрибут @font-face в текстовую область CKEditor, чтобы мои пользователи могли видеть пользовательский шрифт по мере их ввода.

Возможно ли это?

Ответы

Ответ 1

добавьте следующую строку в ckeditor/config.js

config.contentsCss = 'fonts.css';
//the next line add the new font to the combobox in CKEditor
config.font_names = 'fontnametodisplay/yourfontname;' + config.font_names;

где fonts.css имеет атрибут @font-face:

@font-face {  
    font-family: "yourfontname";  
    src: url( ../fonts/font.eot ); /* IE */  
    src: local("realfontname"), url("../fonts/font.TTF") format("truetype"); /*non-IE*/  
}