技术文章 | Tech运维日志 | Operations

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字号下,中文字体的显示效果哪个较好。

(好吧,蛮二的。)

One thought on “WordPress编辑器增加中文字体选择

  • 移动设备上的浏览器会根据自己的设置去渲染字体!所以很多看不出区别。

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.