2009-09-09 32 views
18

CKEditor yazı tipi birleşik giriş kutusuna yazı tipi eklemek istiyorum. Bu kendi başına yeterince kolaydır. Ancak, eklemek istediğim yazı tipi, @ font-face CSS3 özniteliğiyle kullandığım özel bir yazı tipidir. Bunu yapmayı başardım ancak editörün kendisi özel yazı tipini göstermiyor. CKEditor tarafından oluşturulan html'yi alıp sayfadaki bir div içinde gösterirsem, özel font güzel bir şekilde gösterir. Ayrıca bir şekilde CKEditor'un metin alanına @ font-face özniteliğini eklemek isterim, böylece kullanıcılar yazdıkları sırada özel yazı tipini görebilirler.CKEditor'a @ font-face ekleniyor

Bu mümkün mü?

cevap

36

fonts.css @ font-face özelliğini sahiptir

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

config.js/CKEditor için aşağıdaki satırı ekleyin: "çerçeveli editörü" seçeneğini kullanarak herkese

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

bir not : content.css, düzenleme alanı için bazı gerçekten kullanışlı varsayılan stiller içerir, bu yüzden onu tutmak isteyebilirsiniz: 'config.contentsCss = [CKEDITOR.getUrl ('content.css'), '/ path/to/fonts .css ']; ' –

İlgili konular