wordpress TinyMCE编辑器字体选择增加中文字体

在WordPress TinyMCE编辑器中增加中文字体

WordPress的可视化编辑器TinyMCE默认提供了一些常用的字体供用户选择，但是由于历史和地域因素的影响，一些中文字体并未被包括在内。那么有没有办法在编辑器中增加更多的中文字体呢？答案是肯定的，只需要按照以下步骤操作即可。

步骤一：下载需要的字体文件

1. 在网上搜索并下载所需的字体文件，一般为.ttf或.otf格式。
2. 将字体文件保存到你的电脑上，后缀名为.ttf的字体文件需要转换成.eot、.svg、.woff格式，并保存到同一目录下。

步骤二：上传字体文件到WordPress主题文件夹

将字体文件上传到你正在使用的WordPress主题文件夹内的/fonts/文件夹中。

步骤三：添加字体样式到主题的CSS文件中

打开你的WordPress主题文件夹中的style.css文件（如果没有，则新建一个），添加以下代码：

@font-face {
    font-family: "中文字体名称";
    src: url("fonts/中文字体文件名.eot"); /* IE9以下 */
    src: url("fonts/中文字体文件名.woff") format("woff"), /* chrome、firefox */
         url("fonts/中文字体文件名.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
         url("fonts/中文字体文件名.svg#中文字体名称") format("svg"); /* iOS 4.1- */
    font-weight: normal;
    font-style: normal;
}

将代码中的中文字体名称、中文字体文件名替换为你所上传的字体文件的实际名称。

步骤四：配置TinyMCE编辑器以使用新的字体样式

打开你正在使用的WordPress主题文件夹中的functions.php文件，添加以下代码：

function custom_editor_fonts( $initArray ) {  
    $initArray['font_formats'] = '新字体名称=新字体样式; ' . $initArray['font_formats'];  
    $initArray['content_css'] = get_template_directory_uri() . '/style.css';  
    return $initArray;  
}  
add_filter( 'tiny_mce_before_init', 'custom_editor_fonts' );

将代码中的新字体名称、新字体样式替换为你想要的字体名称和样式，get_template_directory_uri()表示当前主题文件夹的路径。

1. 保存文件并上传到服务器。
2. 打开编辑器即可在字体选择下拉菜单中看到新添加的中文字体了。

以上就是在WordPress TinyMCE编辑器中增加中文字体的方法，希望对你有所帮助。