在Designer中添加中文字体

可能有很多用户发现了，在官网给出的Designer中，字体列表只有英文字体，这时候如果想设置中文字体，如宋体、楷体怎么办呢？
下面分别对字体列表给出解决方案：


一：开始菜单中的字体列表

如上图所示，想为开始菜单中字体列表添加中文字体，该怎么实现呢？

1.    var fontFamilyCmd = GC.Spread.Sheets.Designer.getCommand("fontFamily");
   
2.         var customCNFont = [
   
3.             { value: "微软雅黑", text: "微软雅黑" },
   
4.             { value: "黑体", text: "黑体" },
   
5.             { value: "新宋体", text: "新宋体" },
   
6.             { value: "仿宋", text: "仿宋" },
   
7.             { value: "隶书", text: "隶书" },
   
8.             { value: "楷体", text: "楷体" },
   
9.         ];
   
10.         fontFamilyCmd.dropdownList = customCNFont.concat(fontFamilyCmd.dropdownList);
    
11.         var ribbonConfig = GC.Spread.Sheets.Designer.DefaultConfig;
    
12.         ribbonConfig.commandMap = {
    
13.             fontFamily: fontFamilyCmd
    
14.         }
    
15.         designer.setConfig(ribbonConfig);

复制代码

具体可以参考这篇文章：
https://gcdn.grapecity.com.cn/showtopic-85499-1-1.html



二、富文本编辑其中的字体列表

如上图所示，想为富文本编辑器中添加中文字体，该如何实现呢？
可以参考下面的代码：

1.         var res = GC.Spread.Sheets.Designer.getResources();
   
2.         res.ribbon.fontFamilies['ff24'] = {
   
3.             name:'微软雅黑', text: "微软雅黑",
   
4.         }
   
5.         res.ribbon.fontFamilies['ff25'] = {
   
6.             name:'黑体', text: "黑体",
   
7.         }
   
8.         res.ribbon.fontFamilies['ff26'] = {
   
9.             name:'新宋体', text: "新宋体",
   
10.         }
    
11.         GC.Spread.Sheets.Designer.setResources(res);

复制代码

注意：此代码同样适用于图表侧边栏中字体设置，如下图所示：





三、单元格格式弹窗中的字体列表
最后介绍一下在单元格格式中字体tab页添加中文字体，如下图所示：

这种该如何实现呢？
参考下面的代码：

1. var stringFormatDialogTemplate = GC.Spread.Sheets.Designer.TemplateNames.FormatDialogTemplate;
   
2.         var formatDialogTemplate = GC.Spread.Sheets.Designer.getTemplate(stringFormatDialogTemplate);
   
3.         formatDialogTemplate.content[0].children[2].children[0].children[0].children[0].children[1].items.unshift(
   
4.             {
   
5.                 text: "微软雅黑",
   
6.                 value: "微软雅黑"
   
7.             }
   
8.         )
   
9.         GC.Spread.Sheets.Designer.registerTemplate(stringFormatDialogTemplate, formatDialogTemplate);
   

复制代码

具体可以查看此篇文章：https://gcdn.grapecity.com.cn/showtopic-184346-1-5.html

以上给出的代码可以参考附件中的文件。
以及，此篇文章随时补充。