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

2018-07-23  本文已影响0人  nameLogen

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

首先准备好工具:

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

上一篇下一篇

猜你喜欢

热点阅读