帮你打开活字格更神奇的功能：四十，特殊的上下标

活字格的神奇功能不在少数，最近有客户反映说想要在表格填写的时候按照自己的要求输入下标，对于下标，活字格可以在HTML编辑器中输入，但是表格中无法使用HTML编辑器，那这样的需求我们又该怎么实现呢？
活字格的套路远远不止这些。虽说比较复杂，但是这也正是活字格灵活的一点。

在表格中输入下标的主要实现方式是将特殊的上下标制作成矢量图(SVG），将对应的SVG矢量图转化为字体，然后安装字体在活字格中使用。根据图例复制到表格中。

1.使用AI制作矢量图。以下图为例。保存为SVG格式。


2.将矢量图制作为对应字体。
借助网站：https://icomoon.io/app/#/select
1）导入SVG矢量图

2）选中多个图标生成字体


3）下载生成的字体


4）红框内的图标对应的就是含有下标的图标，将红框内的图标通过复制粘贴做成图例显示在活字格中。


5）将字体文件中的style.css文件上传到活字格中，将fonts文件夹拷贝粘贴到资源文件夹中。


6）解压字体文件安装字体


7）安装完毕后即可以在活字格中选择该字体。


8）在页面加载命令中添加JS代码即可。


3.在活字格中通过图例，给表格中复制粘贴对应的包含下标的字体。


工程文件，字体文件见附件

这个好

苍狼 发表于 2018-7-5 17:49
这个好

这个方式，发布后没如果有的用户客户端没有装这个字体，还能正常显示么？

dystar001 发表于 2018-7-5 18:58
这个方式，发布后没如果有的用户客户端没有装这个字体，还能正常显示么？

可以的，根据你的要求我把教程和工程文件重新优化了下。

谢谢。学习了

zhenghai 发表于 2018-7-23 14:17
谢谢。学习了