首页 > 解决方案 > 来自谷歌字体的印地语字体在带有elfinder的cakephp中集成的tinymce编辑器中不起作用

问题描述

 private function preset($name){ 
    // Full Feature
    if($name == 'full'){ 
        return array( 
            'selector' => 'textarea',
            'theme' => 'modern',
            'plugins' => 'advlist,autolink,lists,link,image,charmap,print,preview,hr,anchor,pagebreak,
                        searchreplace,wordcount,visualblocks,visualchars,code,fullscreen,
                        insertdatetime,media,nonbreaking,save,table,contextmenu,directionality,
                        emoticons,template,paste,textcolor,youtube,colorpicker',
            'relative_urls' => false,
            'browser_spellcheck' => true,
            'toolbar1' => 'insertfile, undo, redo, |, styleselect, fontselect, |, fontsizeselect, |, bold, italic, |, alignleft, aligncenter, alignright, alignjustify, |, bullist, numlist, outdent, indent',
            'toolbar2' => 'link, image, media, youtube, emoticons, |, colorpicker, forecolor, backcolor, |, preview, print, code',
            'language' => 'hi_IN',
            'content_css' => ['http://englishcosmos.in/exam/hindifont.css'],
             'font_formats' => 'Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;Poppins= poppins,sans-serif;Indie Flower=indie flower, cursive;Hind= hind,sans-serif',
            'image_advtab' => true,
            'file_browser_callback' => 'elFinderBrowser'

        ); 
    } 

这里的代码可以选择设置字体下拉菜单,字体大小。这里所有来自谷歌的字体都可以使用,但印地语字体不起作用。有没有我可以使用谷歌或直接使用印地语字体的解决方案。我想在这里使用的字体是:Kurti Dev

标签: phpcsstinymcefont-facewebfonts

解决方案


尝试扩展它。查看content_cssTinyMCE 的选项(链接)。是的,你使用它(http://englishcosmos.in/exam/hindifont.css => 404)。在该文件中,您必须输入以下内容:

@font-face {
   font-family: "Kruti Dev";
   src: url("../path_to_ttf-file/kruti.ttf");
}

body{
 font-family:'Kruti Dev', Verdana;
 ...
}

推荐阅读