多字体合并——为了全球化考虑

为了游戏海外能够全球化，为了合并多个字体文件，遇到的问题也是多如牛毛，毕竟对字体文件以前并未深入了解过。

首先准备好工具：

python ，使用脚本将字体文件ttf /otf 转为 ttx, 其实就是一种xml 格式，然后通过批量修改xml 的某些节点的属性，来实现多个字体间距，字号，等一些修改。
FontCreator，查看字体，修改字体属性
FontForge，查看字体，合并多个字体

上面两个工具的下载链接，python 需要自行安装，具体参看其他教程
链接: https://pan.baidu.com/s/1zlIIni-q7HArVkTFBq5OWA 密码: gn5n

1.对比两个字体文件

当前需要合并的两种字体如下：

某中文字体

某英文字体

我们通过对比两个相同字符发现，两种字体的设计尺寸有很大的差异。如果强行合并达到的效果就是这样的。

合并后的字体效果

通过上面的图，我们可以到合并后的字体已经小到无法查看，或者大到你看不全。这并不是我们想要的效果。所以我们要修改某一个字体的设计尺寸来适配另外一种。

image.png

2. python脚本修改

这里我们就需要使用到python 脚本了，先将字体文件转为ttx 格式，并通过xml 格式的解析，读取出我们要修改的配置信息。

TTGlyph 对应的是每个字符中的设计点所在的位置

image.png

mtx 对应每个字符的宽度

image.png

批量修改字体脚本如下。这里比较简单暴力，这里只是单纯的为了这个项目写的脚本。

image.png

python 需要安装fontTools 模块 和 bs4 模块。

# For getting files:
import os

# For moving files around:
import shutil

# For converting fonts to xml and vice versa:
from fontTools import ttx

# For processing the xml from fonts
import lxml
from bs4 import BeautifulSoup
from bs4 import NavigableString

def getFilesWith(extensions):
    files = []
    for extension in extensions:
        for file in [file for file in os.listdir('.') if os.path.isfile(file)]:
            if file.endswith(extension):
                files.append(file)
    return files

def scaleAttr(glyph,attrName):
    glyph[attrName] = int(float(glyph[attrName]) * float(0.08))
    return glyph
def changeFont(files):
    for file in files:
        print ( "Begin processing:   " + file)

        # Get data from xml file and close it
        with open(file, 'r+', encoding='UTF-8') as fileOpen:
            data = fileOpen.read()
            fileOpen.close()

        # Parse xml data with BeautifulSoup
        soup = BeautifulSoup(data,'xml')
        # Get the name from the namerecords
        for glyph in soup.findAll('TTGlyph'):
            print("glyph.find('xMin')",glyph.get('xMin'))
            if glyph.get('xMin')  :
                glyph = scaleAttr(glyph,u'xMin')
                glyph = scaleAttr(glyph,u'xMax')
                glyph = scaleAttr(glyph,u'yMin')
                glyph = scaleAttr(glyph,u'yMax')
                print("glyph",glyph[u'xMin'])
                for pt in glyph.findAll('pt'):
                    pt = scaleAttr(pt,u'x')
                    pt = scaleAttr(pt,u'y')
        for mtx in soup.findAll('mtx'):
            print("mtx ========>",mtx.get('name'),mtx.get('width'))
            mtx = scaleAttr(mtx,u'width')
            mtx = scaleAttr(mtx,u'lsb')
            print("mtx ========>",mtx.get('name'),mtx.get('width'))
        data = soup.prettify()
        with open(file, 'w') as fileClose:
            fileClose.write(data)
        print ( "-----------------------------------")


if __name__ == "__main__":
    if os.path.exists("merged_fonts"):
        shutil.rmtree( "merged_fonts" )   #递归删除一个目录以及目录内的所有内容
    # Create a directory to do work in
    if not os.path.exists("merged_fonts"):
        os.makedirs("merged_fonts")

    # Copy all fonts to our directory so we don't corrupt the originals
    for file in getFilesWith([".ttf",".otf"]):
        shutil.copy(file,"merged_fonts")

    # Change our working directory to our new one
    os.chdir("merged_fonts")

    #Convert fonts to xml and catch any exceptions
    for file in getFilesWith([".ttf",".otf"]):
        try:
            ttx.main([file])
            print ( "-----------------------------------")
        except Exception as e:
            print ( "Something went wrong converting ttf/otf -> ttx:")
            print ( e)
            pass

    # Remove the old fonts that have been converted to xml
    for file in getFilesWith([".ttf",".otf"]):
        os.remove(file)

    # Change font names
    changeFont(getFilesWith([".ttx"]))

    for file in getFilesWith([".ttx"]):
        try:
            ttx.main([file])
            print ( "-----------------------------------")
        except Exception as e:
            print ( "Something went wrong converting ttx -> ttf/otf:")
            print ( e)
            pass

通过脚本，并保存出来的新字体文件

image.png

3. FontCreator 重新修改字体属性

通过FontCreator 打开后，发现还是看不清楚里面的字，这是为什么，因为我们修改的只是最原始的数据，但是所有的配置是在字体属性中配置的，最后通过重新根据设计尺寸计算才能得到我们要的效果。

字体属性

点开字体属性发现布局 使用的4096 ，但是我们另外一个字体用到的却是256，所以我们修改 布局 4096->256

修改布局后的效果图

哇，好像已经到了我们要的效果了，但是不要高兴的太早，还没结束哦。~！
继续打开字体属性，发现其他的常规/推荐大小，度量/间距、附加度量 等都没有改变。

image.png

image.png

仔细查看这两个张图，发现这些配置旁边都没有个“计算” 按钮，尝试点击，果然是柳暗花明又一村啊。

image.png

image.png

这样将修改后的字体导出。

4. FontForge合并修改后的字体

使用FontForge打开没有修改的字体文件，然后点击Element 中的Merge Fonts ,选择我们通过上述FontCreator导出的新字体文件，点击Ok，发现有部分蓝色新增的字体，恭喜你，你只要通过点击File 中Generate Fonts 生成新的字体文件就大功告成了。

image.png

image.png

image.png

参考链接：
fontTools 模块API
BeautifulSoup 模块API
Font Family Merger