新しいフォントをTinyMCEフォントオプションに追加する

Question

私はこのスレッドをチェックアウトしました：Google Fonts and TinyMCE実際にユーザーのための新しいフォントをTinyMCEフォントオプションに追加してしまったことがあります。

しかし、私はここで何が間違っているのかわかりません、なぜ私はもうそれをやることができません。私は新しいフォント、Sammanを追加しようとしています。これはMyFonts.comから得たものです。私のTinyMCEの初期化で

、私はこれを含める：私は新しいフォントを説明してきたところ

content_css : "css/fonts.css,css/userdesigntool.css,http://fonts.googleapis.com/css?family=Paytone+One,http://fonts.googleapis.com/css?family=Aclonica", 

css/fonts.cssです。このファイルでは、私はちょうど私のサーバー上の私のfonts/cssフォルダに保存された新しいフォントは、次のように記載されて：

@font-face { 
font-family: 'sammanregular'; 
src: url('fonts/samman/samman-webfont.eot'); 
src: url('fonts/samman/samman-webfont.eot?#iefix') format('embedded-opentype'), 
    url('fonts/samman/samman-webfont.woff') format('woff'), 
    url('fonts/samman/samman-webfont.ttf') format('truetype'), 
    url('fonts/samman/samman-webfont.svg#sammanregular') format('svg'); 
font-weight: normal; 
font-style: normal; 

} 

私は、これらのオフ生成されたフォント・リスを（私が成功し、他のフォントで、以前に行ったように）なった、と私はファイルが実際に予想されるパスにあることを確認するために二重チェックしています。 TinyMCEの初期化のtheme_advanced_fontsエントリで

、私はこれ持っている：tm_fontsはこのように私はJavaScriptで記述変数です

theme_advanced_fonts : tm_fonts, 
      // some more stuff below 

：

今

var tm_fonts = "Andale Mono=andale mono,times;"+ 
        "Arial=arial,helvetica,sans-serif;"+ 
        "Arial Black=arial black,avant garde;"+ 
        "Book Antiqua=book_antiquaregular,palatino;"+ 
        "Corda Light=CordaLight,sans-serif;"+ 
        "Courier New=courier_newregular,courier;"+ 
        "Flexo Caps=FlexoCapsDEMORegular;"+     
        "Lucida Console=lucida_consoleregular,courier;"+ 
        "Georgia=georgia,palatino;"+ 
        "Helvetica=helvetica;"+ 
        "Impact=impactregular,chicago;"+ 
        "Museo Slab=MuseoSlab500Regular,sans-serif;"+     
        "Museo Sans=MuseoSans500Regular,sans-serif;"+ 
        "Oblik Bold=OblikBoldRegular;"+ 
        "Sofia Pro Light=SofiaProLightRegular;"+      
        "Symbol=webfontregular;"+ 
        "Tahoma=tahoma,arial,helvetica,sans-serif;"+ 
        "Terminal=terminal,monaco;"+ 
        "Tikal Sans Medium=TikalSansMediumMedium;"+ 
        "Times New Roman=times new roman,times;"+ 
        "Trebuchet MS=trebuchet ms,geneva;"+ 
        "Verdana=verdana,geneva;"+ 
        "Webdings=webdings;"+ 
        "Wingdings=wingdings,zapf dingbats"+ 
        "Aclonica=Aclonica, sans-serif;"+ 
        "Michroma=Michroma;"+ 
        "Paytone One=Paytone One, sans-serif;"+ 
        "Andalus=andalusregular, sans-serif;"+ 
        "Arabic Style=b_arabic_styleregular, sans-serif;"+ 
        "Andalus=andalusregular, sans-serif;"+ 
        "KACST_1=kacstoneregular, sans-serif;"+ 
        "Mothanna=mothannaregular, sans-serif;"+ 
        "Nastaliq=irannastaliqregular, sans-serif;"+ 
        "Samman=sammanregular;"; 

を何が起こっているかSammanがないことですTinyMCEでユーザーが選択できるフォントのリストに表示されますが、このフォントを選択するとテキストに何も起こりません。テキストは使用していた既存のフォントにそのまま残ります。

ブラウザのデバッガを使用すると、TinyMCEのiframeにSammanが記述されているcss/fonts.cssというファイルが正しく表示されていることが分かります。しかし、TinyMCEのフォントを変更すると、spanスタイルのfont-familyが変更されていないことがデバッガでわかります。別のフォントを選択した場合、spanスタイルが変更されますが、Sammanを選択しても何も起こりません。

フォントを追加して以来、私は何かを忘れてしまったことがありますか？しかし、私はそれを把握していないようです。

Answer 1

問題を発見しました。

私はtheme_advanced_fontsリスト内のフォントのリストの最後の行は、このた見た：

   "Mothanna=mothannaregular, sans-serif;"+ 
       "Nastaliq=irannastaliqregular, sans-serif;"+ 
       "Samman=sammanregular;", 

私がしなければならなかったすべてが終わりにセミコロンを取り除くたので、新しいフォントを示しました。

   "Mothanna=mothannaregular, sans-serif;"+ 
       "Nastaliq=irannastaliqregular, sans-serif;"+ 
       "Samman=sammanregular", 

Answer 2

は、より多くのコードで強調されません。あなたのポストエディタであなたの望むフォントを得るための単純な関数を書いてください。

http://kvcodes.com/2014/05/how-to-add-google-webfonts-to-wordpress-tinymce-editor/