生成react native 可以使用的字体json文件

本文介绍了一种使用Python脚本生成React Native应用中可用的字体映射JSON文件的方法。通过解析.ttf字体文件并创建相应的JSON文件,使得React Native项目能够正确加载和使用图标字体。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

生成react native 可以使用的字体json文件

1. 复制需要生成json的ttf文件到当前目录
2.使用powershell,进入当前目录
2. 执行 python iconfont-mapper-json.py iconfont.ttf selection.json

 

#!/usr/bin/python
# -*- coding: utf-8 -*- 
import sys, os

from fontTools.ttLib import TTFont

tmpl = """
{%s}
"""

def main(fontFile, output):
	try:
		font = TTFont(fontFile)
		glyphMap = font["cmap"].getcmap(3,1).cmap
		tmp = ""
		for k in glyphMap:
			tmp += '"%s":%s,' % (glyphMap[k],k)

		f=file(output,"w+")
		f.write(tmpl % tmp)
		f.close()	
	except Exception, ex:
		print ex

def showHelp():
	print """
Iconfont map generator.

usage: 
iconfont-maper <iconfont> <output>      generate map file from iconfont file .
iconfont-maper -h                       show this help.
"""

if __name__ == '__main__':
	if len(sys.argv) < 2:
		showHelp()
		sys.exit()
	
	if len(sys.argv) == 2 and sys.argv[1] == "-h":
		showHelp()
		sys.exit()

	if len(sys.argv) > 2:
		if os.path.exists(sys.argv[1]):
			main(sys.argv[1],sys.argv[2])
		else:
			print "Font file not found."

		sys.exit()

借鉴:

https://github.com/bob-chen/react-native-iconfont-mapper

转载于:https://my.oschina.net/u/1460994/blog/3006214

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值