WordPress编辑器增加中文字体选择
WordPress自带的TinyMCE编辑器一般够用,而且对写作支持度最高,其他插件可能适合国人写作习惯,但是或多或少存在一些无法解决的问题。例如,某K开头的编辑器插件,编辑时滚动令人崩溃。TinyMCE好是好,但默认居然不给出中文字体选择–它有是有的,就是藏起来了。我们现在把它挖回来。
将如下代码加到当前主题的 functions.php 模板文件中:
function custum_fontfamily($initArray){</span> <span style="font-family: 微软雅黑; font-size: 12pt;"> $initArray['font_formats'] = "微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';";</span> <span style="font-family: 微软雅黑; font-size: 12pt;"> return $initArray;</span> <span style="font-family: 微软雅黑; font-size: 12pt;">}</span> <span style="font-family: 微软雅黑; font-size: 12pt;">add_filter('tiny_mce_before_init', 'custum_fontfamily');
如果你需要中英文字体都有得选择,则考虑加如下代码:
function custum_fontfamily($initArray){</span> <span style="font-family: 微软雅黑; font-size: 12pt;"> $initArray['font_formats'] = "微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=v erdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats";</span> <span style="font-family: 微软雅黑; font-size: 12pt;"> return $initArray;</span> <span style="font-family: 微软雅黑; font-size: 12pt;">}</span> <span style="font-family: 微软雅黑; font-size: 12pt;">add_filter('tiny_mce_before_init', 'custum_fontfamily');
我们可以看到,其他是把一些WordPress已经支持的字体列出,让我们有得选择而已。
如果你并未安装过TinyMCE加强插件,你还需要再上述的文件中增加以下代码,使字体可以被选择:
function enable_more_buttons($buttons) {</span> <span style="font-family: 微软雅黑; font-size: 12pt;">$buttons[] = 'styleselect';</span> <span style="font-family: 微软雅黑; font-size: 12pt;">$buttons[] = 'fontselect';</span> <span style="font-family: 微软雅黑; font-size: 12pt;">return $buttons;</span> <span style="font-family: 微软雅黑; font-size: 12pt;">}</span> <span style="font-family: 微软雅黑; font-size: 12pt;">add_filter("mce_buttons", "enable_more_buttons");
以上代码用””括起来的字符串内部,不能用回车换行,否则可视化编辑框会出错,显示不出来。下面看看测试效果:
测试结果
字体显示 字体显示 字体显示 字体显示 字体显示 字体显示
你可以看到,在默认的12pt字号下,中文字体的显示效果哪个较好。
(好吧,蛮二的。)
移动设备上的浏览器会根据自己的设置去渲染字体!所以很多看不出区别。