Добавление новых шрифтов в параметры шрифта TinyMCE

я проверил эту тему:Google шрифты и 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, но ничего не происходит с текстом, когда я выбираю этот шрифт, текст просто остается на любой существующий шрифт использовал.

когда я использую отладчик браузера, конечно, я вижу, что iframe TinyMCE включает в себя правильный что упоминает Самман. Но когда я меняю шрифт в TinyMCE, то могу видеть в отладчик, который span стиль font-family для этого текста не меняется. Если я выберу другой шрифт, то span стиль меняется, но если я выберу Samman ничего не происходит.

прошло некоторое время с тех пор, как я добавил шрифты, так что, может быть, я просто забыл что-то? Но я, кажется, не могу понять.

2 ответов


хорошо, я обнаружил проблему.

Я видел последнюю строку списка шрифтов в theme_advanced_fonts список был такой:

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

все, что мне нужно было сделать, это избавиться от двоеточия в конце, поэтому новый шрифт появился хорошо с этим:

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

не получить стресс с большим количеством кодов. Просто напишите несколько простых функций, чтобы получить нужный шрифт в Редакторе сообщений.

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