Добавление новых шрифтов в параметры шрифта 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/