为了游戏海外能够全球化,为了合并多个字体文件,遇到的问题也是多如牛毛,毕竟对字体文件以前并未深入了解过。
首先准备好工具:
python ,使用脚本将字体文件ttf /otf 转为 ttx, 其实就是一种xml 格式,然后通过批量修改xml 的某些节点的属性,来实现多个字体间距,字号,等一些修改。
FontCreator,查看字体,修改字体属性
FontForge,查看字体,合并多个字体
上面两个工具的下载链接,python 需要自行安装,具体参看其他教程
链接: https://pan.baidu.com/s/1zlIIni-q7HArVkTFBq5OWA 密码: gn5n
1.对比两个字体文件
当前需要合并的两种字体如下:
我们通过对比两个相同字符发现,两种字体的设计尺寸有很大的差异。如果强行合并达到的效果就是这样的。
通过上面的图,我们可以到合并后的字体已经小到无法查看,或者大到你看不全。这并不是我们想要的效果。所以我们要修改某一个字体的设计尺寸来适配另外一种。
2. python脚本修改
这里我们就需要使用到python 脚本了,先将字体文件转为ttx 格式,并通过xml 格式的解析,读取出我们要修改的配置信息。
TTGlyph 对应的是每个字符中的设计点所在的位置
mtx 对应每个字符的宽度
批量修改字体脚本如下。这里比较简单暴力,这里只是单纯的为了这个项目写的脚本。
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
通过脚本,并保存出来的新字体文件3. FontCreator 重新修改字体属性
通过FontCreator 打开后,发现还是看不清楚里面的字,这是为什么,因为我们修改的只是最原始的数据,但是所有的配置是在字体属性中配置的,最后通过重新根据设计尺寸计算才能得到我们要的效果。
点开字体属性发现布局 使用的4096 ,但是我们另外一个字体用到的却是256,所以我们修改 布局 4096->256
哇,好像已经到了我们要的效果了,但是不要高兴的太早,还没结束哦。~!
继续打开字体属性,发现其他的常规/推荐大小,度量/间距、附加度量 等都没有改变。
仔细查看这两个张图,发现这些配置旁边都没有个“计算” 按钮,尝试点击,果然是柳暗花明又一村啊。
这样将修改后的字体导出。
4. FontForge合并修改后的字体
使用FontForge打开没有修改的字体文件,然后点击Element 中的Merge Fonts ,选择我们通过上述FontCreator导出的新字体文件,点击Ok,发现有部分蓝色新增的字体,恭喜你,你只要通过点击File 中Generate Fonts 生成新的字体文件就大功告成了。
参考链接:
fontTools 模块API
BeautifulSoup 模块API
Font Family Merger