美文网首页
多字体合并——为了全球化考虑

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

作者: nameLogen | 来源:发表于2018-07-23 12:07 被阅读0次

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

    首先准备好工具:

    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

    相关文章

      网友评论

          本文标题:多字体合并——为了全球化考虑

          本文链接:https://www.haomeiwen.com/subject/hdbdmftx.html