私はこのスレッドをチェックしました: 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;
}
これらを Font-Squirrel から生成しました (以前に他のフォントで成功したように)。ファイルが実際に期待されるパスにあることを再確認しました。
theme_advanced_fonts
TinyMCE 初期化のエントリには、次のようなものがあります。
theme_advanced_fonts : tm_fonts,
// some more stuff below
tm_fonts
次のように私のJavaScriptで記述された変数はどこにありますか:
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 で選択できるフォントのリストに表示されますが、このフォントを選択してもテキストには何も起こりません。テキストは、使用していた既存のフォントにそのまま残ります。
css/fonts.css
ブラウザーのデバッガーを使用すると、TinyMCE の iframe にSamman について言及している適切なファイルが含まれていることがわかります。しかし、TinyMCE でフォントを変更すると、デバッガーで、そのテキストのspan
スタイルが変更されていないことがわかります。font-family
別のフォントを選択するとspan
スタイルが変わりますが、 を選択Samman
しても何も起こりません。
フォントを追加してからしばらく経っているので、何か忘れてしまったのでしょうか。しかし、私はそれを理解できないようです。