CN114254585A - 字体生成方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开提供了字体生成方法、装置、电子设备及存储介质，涉及计算机技术领域，尤其涉及信息处理等领域。具体实现方案为：获取目标字体的初始图片文件中包含的至少一个节点分别对应的坐标信息；基于所述至少一个节点分别对应的所述坐标信息，生成第一字体文件；基于所述第一字体文件生成所述目标字体的组件，将所述目标字体的所述组件添加至目标小程序的代码库；其中，所述目标小程序用于在目标页面中引用所述代码库中的所述目标字体的所述组件进行图标展示。上述方法可以保证生成目标字体的组件的效率并保证目标小程序能够高效的添加目标字体。

Description

字体生成方法、装置、电子设备及存储介质

技术领域

本公开涉及计算机技术领域，尤其涉及信息处理技术领域。

背景技术

随着计算机技术的发展，越来越多的应用被发布并使用，也有越来越多的小程序被发布使用。然而，如何可以更加快速的生成所述小程序中图标所使用的字体，就成为需要解决的问题。

发明内容

本公开提供了一种字体生成方法、装置、电子设备及存储介质。

根据本公开的第一方面，提供了一种字体生成方法，包括：

获取目标字体的初始图片文件中包含的至少一个节点分别对应的坐标信息；

基于所述至少一个节点分别对应的所述坐标信息，生成第一字体文件；

基于所述第一字体文件生成所述目标字体的组件，将所述目标字体的组件添加至目标小程序的代码库；其中，所述目标小程序用于在目标页面中引用所述代码库中的所述目标字体的组件进行图标展示。

根据本公开的第二方面，提供了一种字体生成装置，包括：

解析模块，用于获取目标字体的初始图片文件中包含的至少一个节点分别对应的坐标信息；

第一生成模块，用于基于所述至少一个节点分别对应的所述坐标信息，生成第一字体文件；

第二生成模块，用于基于所述第一字体文件生成所述目标字体的组件，将所述目标字体的组件添加至目标小程序的代码库；其中，所述目标小程序用于在目标页面中引用所述代码库中的所述目标字体的组件进行图标展示。

根据本公开的第三方面，提供了一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行前述第一方面的字体生成方法。

根据本公开的第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行前述方法。

根据本公开的第五方面，提供了一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现前述方法。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

本实施例提供的方案，通过自动的对所述目标字体的所述初始图片文件进行处理就可以得到能够被所述目标小程序直接引用，从而保证生成目标字体的组件的效率，并保证目标小程序能够快捷的添加目标字体；并且由于不需要与网络侧的服务器进行交互，从而可以将更多的处理资源用于自身的处理操作，可以进一步保证处理效率。

附图说明

附图用于更好地理解本方案，不构成对本公开的限定。其中：

图1是根据本公开第一方面实施例的字体生成方法的流程示意图一；

图2是根据本公开第一方面实施例的字体生成方法的流程示意图二；

图3是根据本公开第一方面实施例的字体生成方法的流程示意图三；

图4是根据本公开第二方面实施例的字体生成装置的结构示意图；

图5是用来实现本公开实施例的字体生成方法的电子设备的框图。

具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

本公开第一方面提供一种字体生成方法，如图1所示，包括：

S101：获取目标字体的初始图片文件中包含的至少一个节点分别对应的坐标信息；

S102：基于所述至少一个节点分别对应的所述坐标信息，生成第一字体文件；

S103：基于所述第一字体文件生成所述目标字体的组件，将所述目标字体的所述组件添加至目标小程序的代码库；其中，所述目标小程序用于在目标页面中引用所述代码库中的所述目标字体的所述组件进行图标展示。

本实施例提供的方案可以应用于电子设备。

所述目标文件的所述初始图片文件的格式可以为可缩放矢量图形(ScalableVector Graphics，SVG)。

所述目标字体的所述初始图片文件的获取方式可以包括：

从所述电子设备的硬盘中保存的至少一个字体分别对应的初始图片文件中，选取得到所述目标字体的所述初始图片文件；将所述目标字体的所述初始图片文件保存在所述电子设备的内存中。

其中，所述电子设备的所述硬盘中保存的所述至少一个字体的所述初始图片文件的获取方式可以为：从服务器侧下载所述至少一个字体的所述初始图片文件，并保存在所述电子设备的硬盘中；又或者，可以是所述电子设备本地生成所述至少一个字体的所述初始图片文件，并保存在所述电子设备的所述硬盘中。

应理解，所述目标字体的所述初始图片文件可以为全部字体的所述初始图片文件中任意之一，也就是针对所述全部字体分别对应的所述初始图片文件中的任意一个均可以采用本实施例提供的方案进行处理，只是本实施例不进行一一赘述。

这样，通过采用从所述全部字体分别对应的所述初始图片文件中单个读取所述目标字体的所述初始图片文件的方式，获取所述目标字体的所述初始图片文件，可以避免同时读取多个字体分别对应的初始图片文件所带来的并发请求和转换的处理，所带来的卡顿或者数据丢失的问题，并且还可以避免影响后续处理效率的问题。

其中，所述至少一个节点中每个节点可以为所述路径属性中表示一个形状的节点；所述每个节点对应的所述坐标信息可以包含一组或多组。

所述第一字体文件的格式可以为Web开放字体格式(Web Open Font Format，WOFF)格式。

所述目标字体的组件具体可以指的是所述目标小程序的页面的展现模板，所述目标字体的组件的类型可以为“.swan”。

所述目标小程序的所述代码库中可以保存有一个或多个字体的组件，所述目标字体的所述组件为其中之一。

进一步地，需要在所述目标小程序的目标页面展示所述目标字体的时候，所述目标小程序可以在所述目标页面引用所述代码库中保存的所述目标字体的所述组件，就可以在所述目标小程序的所述目标页面中展示所述目标字体所对应的图标。

可见，通过采用上述方案，就可以对所述目标字体的初始图片文件进行解析得到至少一个节点分别对应的坐标信息，基于至少一个节点所对应的坐标信息生成第一字体文件，基于所述第一字体文件生成目标字体的组件，该目标字体的组件可以被目标小程序直接引用的组件进行图标展示。这样，通过自动的对所述目标字体的所述初始图片文件进行处理就可以得到能够被所述目标小程序直接引用，从而保证生成目标字体的组件的效率，并保证目标小程序能够快捷的添加目标字体；并且由于不需要与网络侧的服务器进行交互，从而可以将更多的处理资源用于自身的处理操作，可以进一步保证处理效率。

在一种实施方式中，所述获取目标字体的初始图片文件中包含的至少一个节点分别对应的坐标信息，可以包括：

解析所述目标字体的所述初始图片文件的内容，得到字符串信息；

从所述字符串信息中获取路径属性信息；

对所述路径属性信息进行解析，得到所述至少一个节点分别对应的所述坐标信息。

其中，所述解析所述目标字体的所述初始图片文件，得到字符串信息，可以包括：解析所述目标字体的所述初始图片文件，得到初始字符串信息；从所述初始字符串信息中删除预设类型的信息，得到所述字符串信息。

其中，所述预设类型的信息可以为无用信息，比如，可以包括预设类型的标签中所包含的信息，和/或预设类型的属性信息。

所述预设类型的标签可以指的是可扩展标记语言(xml，Extensible MarkupLanguage)标签；所述预设类型的属性信息可以指的是分组信息的标识(ID)属性信息。

应理解，上述预设类型的标签仅为示例性说明，实际处理中还可以包含更多预设类型的标签，只是本实施例不做穷举；同样的，所述预设类型的属性信息也仅为示例性说明，实际处理中还可以包括更多预设类型的属性信息，这里也不做穷举。

在对所述初始字符串信息进行所述预设类型的标签和/或所述预设类型的属性信息的删除之后，得到的所述字符串信息中可以包括多种标签和/或多种属性信息。

上述字符串信息中包含的所述多种标签中可以包括以下至少部分：路径(path)标签、填充标签(比如g标签)、图像(image)标签、svg标签、线条(line)标签、矩形(rect)标签、多边形(polygon)标签、圆形(circle)标签以及椭圆(ellipse)标签。

针对上述标签中各种标签分别来说明：

所述路径(path)标签，用于绘制路径，比如，可以用于创建线条、曲线、弧形、圆等各种形状；所述path标签可以具有d属性信息。

所述g标签，用于将多个形状捆绑一个组(group)，在g标签上定义的属性，会被其所有的子元素继承，添加到g元素上的变换也会应用到其所有的子元素上。

所述图像(image)标签，用于插入图片；其中可以包括width(宽度)属性信息和height(高度)属性信息。

所述线条(line)标签，用于绘制一条直线。

所述矩形(rect)标签，用于绘制一个矩形。

所述多边形(polygon)标签，用于绘制一个多边形(必须具备三个顶点或以上)。

所述圆形(circle)标签，用于绘制一个圆形。

所述椭圆(ellipse)标签，用于绘制一个椭圆。

上述字符串信息中包含的所述多个属性信息可以包括以下至少部分：路径属性信息、描边颜色属性信息、描边宽度属性信息、描边透明度属性信息、填充颜色属性信息、填充透明度属性信息、变换属性信息、width(宽度)属性信息和height(高度)属性信息。

所述路径属性信息具体可以为d属性信息，所述d属性信息用于指定至少一个绘制的命令，并在所述至少一个绘制的命令后分别包含对应的坐标。所述至少一个绘制的命令可以包括以下至少之一：M(移动绘制点到某坐标)、L(绘制一条直线)、H(绘制一条水平线)、V(绘制一条竖线)、Q(绘制一条二次贝塞尔曲线)、C(绘制一条三次贝塞尔曲线)、Z(闭合)。

width(宽度)属性信息和height(高度)属性信息用于指定图片大小；

所述描边颜色属性信息，用于定义描边颜色，例如线条、文本等描边颜色；

所述描边宽度属性信息，用于定义描边宽度；

所述描边透明度属性信息，用于定义描边透明度；

所述填充颜色属性信息，可以称为fill属性，用于定义填充颜色；

所述填充透明度属性信息，可以称为fill-opacity属性，用于定义填充透明度；

所述变换属性信息，可以称为transform属性，用于定义svg元素的变换，包括移动、旋转、放缩等。

在本实施例中，所述从所述字符串信息中获取所述路径属性信息具体可以指的是：从所述字符串信息中获取所述d属性信息。

所述对所述路径属性信息进行解析，得到所述至少一个节点分别对应的所述坐标信息，具体可以包括：对所述d属性信息进行解析，得到每个节点对应的一组或多组坐标信息。比如，一个表示矩形的节点包含的内容为：“d＝MX0,Y0 LX1,Y0 LX1,Y1 LX0,Y1 Z”，其中包含有4组坐标信息分别为(X0,Y0)、(X1,Y0)、(X1,Y1)以及(X0,Y1)，也就是说这个表示矩形的节点中包含4组坐标信息。

可见，通过采用上述方案，就可以从所述目标字体的所述初始图片文件中提取字符串信息，从所述字符串信息中获取路径属性信息，进而基于所述路径属性信息进行解析，得到所述至少一个节点分别对应的所述坐标信息。如此，可以更加准确的获取到所述目标字体的所述初始图片文件中节点的坐标信息，进而为后续进行所述目标字体的组件的生成处理提供了准确的信息，保证了后续处理的准确性以及高效性。

在一种实施方式中，在所述解析所述目标字体的所述初始图片文件，得到字符串信息之后，还包括：从所述字符串信息中获取至少一个填充属性信息；

所述基于所述至少一个节点分别对应的所述坐标信息，生成第一字体文件，包括：基于所述至少一个填充属性信息以及所述至少一个节点分别对应的所述坐标信息，得到所述至少一个节点分别对应的填充节点渲染信息；将所述至少一个节点分别对应的所述填充节点渲染信息，写入所述第一字体文件。

还需要指出的是，在所述解析所述目标字体的所述初始图片文件，得到字符串信息之后，还包括：从所述字符串信息中获取全部标签，可以将所述字符串信息中包含的全部标签均划分至标签组。

所述全部标签中至少可以包括路径标签以及填充标签；关于所述路径标签以及所述填充标签在前述实施例中已经说明，这里不做赘述。

所述至少一个填充属性信息中包括以下至少之一：填充(fill)属性信息、坐标的(x，y)属性信息、宽度(width)信息、高度(height)属性信息。关于上述每种属性信息在前述实施例中已经详述，这里不做重复说明。

在所述得到所述至少一个节点分别对应的所述坐标信息之后，还可以包括：将所述至少一个节点分别对应的所述坐标信息保存为节点位置数组。这里，可以将所述节点位置数组称为d数组，或称为d属性的数组。

所述基于所述至少一个填充属性信息以及所述至少一个节点分别对应的所述坐标信息，得到所述至少一个节点分别对应的填充节点渲染信息，具体可以包括：将所述节点位置数组中的每个节点的位置信息，以及所述至少一个节点中每个节点对应的所述至少一个填充属性信息作为所述每个节点的填充渲染信息。

举例来说，所述节点位置数组称为d数组，在d数组中包含4个节点分别对应的坐标信息，所述至少一个填充属性信息中包含fill(填充)属性信息；相应的，所述基于所述至少一个填充属性信息以及所述至少一个节点分别对应的所述坐标信息，得到所述至少一个节点分别对应的填充节点渲染信息可以为：从所述d数组中读取每个节点的坐标信息，基于所述每个节点的所述坐标信息以及所述每个节点对应的所述fill属性信息得到所述每个节点对应的填充节点渲染信息。

相应的，所述将所述至少一个节点分别对应的所述填充节点渲染信息，写入所述第一字体文件，具体可以为：将所述至少一个节点分别对应的所述填充节点渲染信息写入所述标签组，将所述标签组写入所述第一字体文件。

其中，所述目标字体的所述第一字体文件的格式可以为Web开放字体格式(WebOpen Font Format，WOFF)格式。

针对以上方案，结合所述目标字体的所述初始图片文件具体为目标字体的SVG图片；预设类型的标签为xml标签，预设类型的属性信息为id属性；所述路径属性信息为d属性信息；所述至少一个填充属性信息至少包括fill属性信息、width(宽度)属性信息、height(高度)属性信息；所述第一字体文件为目标字体的WOFF文件为例，对以上方案进行说明：

读取所述目标字体的SVG图片并存入内存；解析所述目标字体的SVG图片，提取初始字符串信息；从所述初始字符串信息中丢弃预设类型的标签和/或预设类型的属性信息，得到字符串信息，比如，从所述初始字符串信息中删除xml标签和分组信息的id属性等；

从所述字符串信息中获取至少一个标签和至少一个属性信息；将所述字符串信息中包含的全部标签均划分至标签组，比如可以把g标签、path标签均分为标签组，还可以将所述至少一个属性信息分为属性组，例如d属性信息、fill属性信息、width属性信息、height属性信息分为属性组；

将所述d属性信息进行解析，得到所述至少一个节点分别对应的所述坐标信息，并存储为d数组；

进行目标字体的WOFF空文件的建立，从所述d数组中读取每个节点的坐标信息，基于所述每个节点的所述坐标信息以及所述每个节点对应的所述至少一个填充属性信息得到所述每个节点对应的填充节点渲染信息；将所述每个节点对应的所述填充节点渲染信息写入所述标签组，将所述标签组写入到所述目标字体的WOFF空文件，得到所述目标字体的WOFF文件。

可见，通过采用上述方案，就可以从路径属性信息中获取至少一个节点的位置信息，再利用所述至少一个节点的位置信息以及至少一个填充属性信息，生成所述目标字体的第一字体文件。如此，可以在生成所述目标字体的所述第一字体文件的处理中，保留所述初始图片文件中的关键特征信息，减少一部分无需保留的标签和属性，从而减少了生成的所述第一字体文件的内容冗余度，可以减轻包体大小，进而可以使得后续的转换处理更加高效，提升了整体的处理效率。

在得到所述第一字体文件后，还可以将所述目标字体的所述第一字体文件保存在第三字体文件中。具体来说，上述处理是通过将目标字体的所述初始图片文件从硬盘提取到内存进行的操作；在完成将所述目标字体的所述初始文件转换为所述第一字体文件之后，可以将该第一字体文件保存到所述第三字体文件中，并放到硬盘中进行保存。这样，可以在完成文件格式的转换之后就不再继续占用内存空间，减少了内存空间的占用率。

其中，所述第三字体文件的格式具体可以为FONT文件。

在一种实施方式中，所述基于所述第一字体文件生成所述目标字体的组件，如图2所示，可以包括：

S201：对所述第一字体文件进行编码处理，得到编码后的第一字体文件；

S202：将所述编码后的所述第一字体文件作为字体属性写入第二字体文件；

S203：基于所述第二字体文件，生成所述目标字体的组件。

所述对所述第一字体文件进行编码处理，得到编码后的所述第一字体文件，可以包括：从所述硬盘中提取所述第三字体文件，将所述第三字体文件中包含的所述第一字体文件的内容进行编码处理，得到编码后的第一字体文件。

所述编码处理所采用的编码方式可以根据实际情况设置，比如可以采用Base 64编码方式。其中，所述Base64编码方式是基于64个可打印字符来表示二进制数据的方法。

举例来说，所述对所述第一字体文件进行编码处理，得到编码后的所述第一字体文件的具体处理可以包括：采用所述Base 64编码方式，依次将所述第一字体文件中每4个8Bit(比特)的字节转换为4个6Bit的字节(3*8＝4*6＝24)，在每个6Bit的字节的最高两位添0，得到每个8bite的字节；将得到的4个8Bit的字节作为所述编码后的所述第一字体文件。

以上采用所述Base64编码方式对所述第一字体进行编码处理，得到编码后的所述第一字体文件是从二进制到字符的过程，更加适用于在超文本传输协议(Hyper TextTransfer Protocol，HTTP)环境下传递较长的标识信息；另外，采用所述Base64编码方式得到的编码后的内容具有不可读性，需要解码才可阅读，因此还保证了安全性。

所述第二字体文件的格式具体可以为层叠样式表(CSS，Cascading StyleSheets)；所述字体属性可以为所述第二字体文件中“@font-face”属性下的“src”属性。

也就是说，假设编码后的所述第一字体文件为字符串“r b p 2”，所述将所述编码后的所述第一字体文件作为字体属性写入第二字体文件，可以为：将所述字符串“r b p 2”直接写入所述第二字体文件的“@font-face属性”下的“src”属性中。

通过以上处理可以将第一字体文件的内容进行编码得到编码后的第一字体文件，进而基于所述第一字体文件生成所述第二字体文件；由于编码后的第一字体文件是可以用于在HTTP环境下传递较长的标识信息，并且编码后的第一字体文件需要解码后才能阅读，因此既可以保证根据该编码后的第一字体文件生成的所述第二字体文件，进而基于所述第二字体文件生成的所述目标字体的所述组件更适用在客户端中的所述目标小程序中使用，还可以保证安全性。

在一种实施方式中，所述基于所述第二字体文件，生成所述目标字体的组件，可以包括：

在所述第二字体文件中生成所述目标字体所对应的类名；

在所述目标字体的所述组件的展示元素中引入所述第二字体文件中的所述目标字体所对应的所述类名，以及在所述目标字体的所述组件的名称配置中设置所述目标字体的名称。

所述目标字体所对应的类名可以根据实际情况进行设置，在所述第二字体文件的类型为CSS文件的情况下，所述目标字体所对应的类名可以表示为“.bk-icon-{目标字体的名称}”的css类名，其中，所述目标字体的名称可以为所述目标字体的所述初始图片文件的文件名。

所述展示元素可以表示为“view”元素，所述在所述目标字体的所述组件的所述展示元素中引入所述第二字体文件中的所述目标字体所对应的所述类名可以指的是：在所述目标字体的所述组件的展示元素中设置类名为与所述第二字体文件中相同的所述目标字体所对应的所述类名。

举例来说，所述目标字体的名称，也就是所述目标字体的所述初始图片文件的文件名为“字体A”，在所述第二字体文件为CSS文件的情况下，所述目标字体所对应的类名可以表示为“.bk-icon-{字体A}”；相应的，在所述目标字体的所述组件的展示元素中将类名设置为“.bk-icon-{字体A}”。

所述目标字体的名称也可以为所述目标字体的所述初始图片文件的文件名，比如表示为“字体A”。

在所述目标字体的所述组件的名称配置中设置所述目标字体的所述名称之后，在后续所述目标小程序需要在页面组件中引入所述目标字体的时候，只需要在所述目标小程序的所述页面组件中的名称字段指定所述目标字体的所述名称，就可以展示所述目标字体所对应的图标。

示例性的，将所述第一字体文件称为目标字体的WOFF文件，所述第二字体文件称为目标字体的CSS文件，所述编码处理具体为Base64编码方式，所述字体属性为@font-face属性中的src属性，所述目标字体所对应的类名表示为“.bk-icon-{字体A}”，所述目标字体的名称为“字体A”，所述目标字体的所述组件为目标字体的swan组件为例，对上述处理进行说明：

将所述目标字体的WOFF文件采用Base64编码方式进行编码，得到编码后的WOFF文件；

将所述编码后的目标字体的WOFF文件写入所述目标字体的CSS文件的@font-face属性中的src属性；

在所述目标字体的CSS文件中会生成.bk-icon-{字体A}的css类名；

建立所述目标字体的swan组件，并用空的view(展示)元素来占位，将view(展示)元素的类名设置为.bk-icon-{字体A}以引入目标字体的CSS文件依赖，如此，可以实现所述目标字体的CSS文件和所述目标字体的swan组件的联动；由于view元素的特型，并不适合用来显示图标，因此所述目标字体的swan会设置对应的属性，让view可以和外部的元素在同一行共存显示，更适合该组件的使用场景。

另外，在所述目标字体的swan组件中增加name(名称)配置，在所述目标字体的swan组件中的name配置中写入所述目标字体的名称的情况下，所述目标小程序的页面组件引用的时候，可以通过指定name(名称)字段来引用所述目标字体的swan组件，控制在所述目标小程序的目标页面中展示所述目标字体对应的图标。

以上仅为示例性说明，在实际使用是，还可以将所述目标字体的CSS文件表示为iconfont.css文件，将所述目标字体的swan组件表示为hyIcon.swan组件，这里不做穷举。

可见，通过采用上述方案，可以将目标字体的初始图片文件直接转换为所述目标字体的组件，通过将该目标字体的组件引入所述目标小程序，就可以使得所述目标小程序直接调用该目标字体进行图标展示。如此，可以避免需要手动生成目标字体的图片所带来的效率较低的问题。另外，由于目标字体的组件中引入的第二字体文件为经过坐标信息提取并且编码之后所得到的文件，因此可以使得所述目标字体的组件包体内容较为精简，减少了存储空间的占用；并且由于在所述目标小程序中只需要引入一个组件就可以完成字体添加的处理，不需要与网络侧的服务器进行交互，从而可以将更多的处理资源用于自身的处理操作，可以进一步保证处理效率。

最后，以所述目标字体的所述初始图片文件为目标字体的SVG图片，所述第一字体文件为目标字体的WOFF文件，所述第二字体文件为目标字体的CSS文件为例，结合图3对本实施例提供的字体生成方法进行示例性说明，包括：

S301：读取目标字体的SVG图片。

S302：获取所述目标字体的所述SVG图片中包含的至少一个节点分别对应的坐标信息。

S303：基于所述至少一个节点分别对应的所述坐标信息，生成所述目标字体的WOFF文件。

S304：对所述目标字体的所述WOFF文件进行编码处理，得到编码后的所述目标字体的WOFF文件。

S305：将所述编码后的所述目标字体的所述WOFF文件作为字体属性写入所述目标字体的CSS文件，在所述目标字体的所述CSS文件中生成所述目标字体的类名。

所述字体属性具体可以为@font-face属性中的src属性。

S306：将所述目标字体的所述CSS文件写入所述目标字体的组件中。

完成上述S306之后，可以将所述目标字体的所述组件保引入所述目标小程序的代码库；在所述目标小程序的页面组件指定所述目标字体的名称字段的情况下，控制在所述目标小程序的目标页面展示所述目标字体的图标。

通过采用上述方案，可以将目标字体的初始图片文件直接转换为所述目标字体的组件，通过将该目标字体的组件引入所述目标小程序，就可以使得所述目标小程序直接调用该目标字体进行图标展示。如此，可以避免需要手动生成目标字体的图片所带来的效率较低的问题。另外，由于目标字体的组件中引入的第二字体文件为经过坐标信息提取并且编码之后所得到的文件，因此可以使得所述目标字体的组件包体内容较为精简，减少了存储空间的占用；并且由于在小程序中只需要引入一个组件就可以完成字体添加的处理，不需要通过发送多个请求获取图片的处理，从而减少了网络请求并行风险，保留了更多的处理资源进行处理，进而可以保证处理效率。

本公开第二方面提供一种字体生成装置，如图4所示，包括：

解析模块401，用于获取目标字体的初始图片文件中包含的至少一个节点分别对应的坐标信息；

第一生成模块402，用于基于所述至少一个节点分别对应的所述坐标信息，生成第一字体文件；

第二生成模块403，用于基于所述第一字体文件生成所述目标字体的组件，将所述目标字体的所述组件添加至目标小程序的代码库；其中，所述目标小程序用于在目标页面中引用所述代码库中的所述目标字体的所述组件进行图标展示。

所述解析模块401，用于解析所述目标字体的所述初始图片文件，得到字符串信息；从所述字符串信息中获取路径属性信息；对所述路径属性信息进行解析，得到所述至少一个节点分别对应的所述坐标信息。

所述解析模块401，用于从所述字符串信息中获取至少一个填充属性信息；

所述第一生成模块402，用于基于所述至少一个填充属性信息以及所述至少一个节点分别对应的所述坐标信息，得到所述至少一个节点分别对应的填充节点渲染信息；将所述至少一个节点分别对应的所述填充节点渲染信息，写入所述第一字体文件。

所述第二生成模块403，用于对所述第一字体文件进行编码处理，得到编码后的第一字体文件；将所述编码后的所述第一字体文件作为字体属性写入第二字体文件；基于所述第二字体文件，生成所述目标字体的组件。

所述第二生成模块403，用于在所述第二字体文件中生成所述目标字体所对应的类名；在所述目标字体的所述组件的展示元素中引入所述第二字体文件中的所述目标字体所对应的所述类名，以及在所述目标字体的所述组件的名称配置中设置所述目标字体的名称。

通过采用上述方案，通过采用上述方案，就可以对所述目标字体的初始图片文件进行解析得到至少一个节点分别对应的坐标信息，基于至少一个节点所对应的坐标信息生成第一字体文件，基于所述第一字体文件生成目标字体的组件，该目标字体的组件可以被目标小程序直接引用的组件进行图标展示。这样，通过自动的对所述目标字体的所述初始图片文件进行处理就可以得到能够被所述目标小程序直接引用，从而保证生成目标字体的组件的效率，并保证目标小程序能够快捷的添加目标字体；并且由于不需要与网络侧的服务器进行交互，从而可以将更多的处理资源用于自身的处理操作，可以进一步保证处理效率。

本公开的技术方案中，所涉及的用户个人信息的获取，存储和应用等，均符合相关法律法规的规定，且不违背公序良俗。

根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

图5示出了可以用来实施本公开的实施例的示例电子设备500的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图5所示，电子设备500包括计算单元501，其可以根据存储在只读存储器(ROM)502中的计算机程序或者从存储单元508加载到随机访问存储器(RAM)503中的计算机程序，来执行各种适当的动作和处理。在RAM 503中，还可存储电子设备500操作所需的各种程序和数据。计算单元501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。

电子设备500中的多个部件连接至I/O接口505，包括：输入单元506，例如键盘、鼠标等；输出单元507，例如各种类型的显示器、扬声器等；存储单元508，例如磁盘、光盘等；以及通信单元509，例如网卡、调制解调器、无线通信收发机等。通信单元509允许电子设备500通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元501可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元501的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元501执行上文所描述的各个方法和处理。例如，在一些实施例中，上文所描述的各个方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元508。在一些实施例中，计算机程序的部分或者全部可以经由ROM 502和/或通信单元509而被载入和/或安装到电子设备500上。当计算机程序加载到RAM503并由计算单元501执行时，可以执行上文所描述的各个方法的一个或多个步骤。备选地，在其他实施例中，计算单元501可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行上文所描述的各个方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入、或者触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。

Claims (13)

1.一种字体生成方法，包括：

获取目标字体的初始图片文件中包含的至少一个节点分别对应的坐标信息；

基于所述至少一个节点分别对应的所述坐标信息，生成第一字体文件；

基于所述第一字体文件生成所述目标字体的组件，将所述目标字体的所述组件添加至目标小程序的代码库；其中，所述目标小程序用于在目标页面中引用所述代码库中的所述目标字体的所述组件进行图标展示。

2.根据权利要求1所述的方法，其中，所述获取目标字体的初始图片文件中包含的至少一个节点分别对应的坐标信息，包括：

解析所述目标字体的所述初始图片文件，得到字符串信息；

从所述字符串信息中获取路径属性信息；

对所述路径属性信息进行解析，得到所述至少一个节点分别对应的所述坐标信息。

3.根据权利要求2所述的方法，其中，在所述解析所述目标字体的所述初始图片文件，得到字符串信息之后，还包括：从所述字符串信息中获取至少一个填充属性信息；

所述基于所述至少一个节点分别对应的所述坐标信息，生成第一字体文件，包括：

基于所述至少一个填充属性信息以及所述至少一个节点分别对应的所述坐标信息，得到所述至少一个节点分别对应的填充节点渲染信息；将所述至少一个节点分别对应的所述填充节点渲染信息，写入所述第一字体文件。

4.根据权利要求1所述的方法，其中，所述基于所述第一字体文件生成所述目标字体的组件，包括：

对所述第一字体文件进行编码处理，得到编码后的第一字体文件；

将所述编码后的所述第一字体文件作为字体属性写入第二字体文件；

基于所述第二字体文件，生成所述目标字体的组件。

5.根据权利要求4所述的方法，其中，所述基于所述第二字体文件，生成所述目标字体的组件，包括：

在所述第二字体文件中生成所述目标字体所对应的类名；

在所述目标字体的所述组件的展示元素中引入所述第二字体文件中的所述目标字体所对应的所述类名，以及在所述目标字体的所述组件的名称配置中设置所述目标字体的名称。

6.一种字体生成装置，包括：

解析模块，用于获取目标字体的初始图片文件中包含的至少一个节点分别对应的坐标信息；

第一生成模块，用于基于所述至少一个节点分别对应的所述坐标信息，生成第一字体文件；

第二生成模块，用于基于所述第一字体文件生成所述目标字体的组件，将所述目标字体的所述组件添加至目标小程序的代码库；其中，所述目标小程序用于在目标页面中引用所述代码库中的所述目标字体的所述组件进行图标展示。

7.根据权利要求6所述的装置，其中，所述解析模块，用于解析所述目标字体的所述初始图片文件，得到字符串信息；从所述字符串信息中获取路径属性信息；对所述路径属性信息进行解析，得到所述至少一个节点分别对应的所述坐标信息。

8.根据权利要求7所述的装置，其中，所述解析模块，用于从所述字符串信息中获取至少一个填充属性信息；

所述第一生成模块，用于基于所述至少一个填充属性信息以及所述至少一个节点分别对应的所述坐标信息，得到所述至少一个节点分别对应的填充节点渲染信息；将所述至少一个节点分别对应的所述填充节点渲染信息，写入所述第一字体文件。

9.根据权利要求6所述的装置，其中，所述第二生成模块，用于对所述第一字体文件进行编码处理，得到编码后的第一字体文件；将所述编码后的所述第一字体文件作为字体属性写入第二字体文件；基于所述第二字体文件，生成所述目标字体的组件。

10.根据权利要求9所述的装置，其中，所述第二生成模块，用于在所述第二字体文件中生成所述目标字体所对应的类名；在所述目标字体的所述组件的展示元素中引入所述第二字体文件中的所述目标字体所对应的所述类名，以及在所述目标字体的所述组件的名称配置中设置所述目标字体的名称。

11.一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-5中任一项所述的方法。

12.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据权利要求1-5中任一项所述的方法。

13.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-5中任一项所述的方法。

Images