CN114861099A - 页面字体的处理方法、装置、电子设备及存储介质 - Google Patents
页面字体的处理方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN114861099A CN114861099A CN202210616471.XA CN202210616471A CN114861099A CN 114861099 A CN114861099 A CN 114861099A CN 202210616471 A CN202210616471 A CN 202210616471A CN 114861099 A CN114861099 A CN 114861099A
- Authority
- CN
- China
- Prior art keywords
- screen
- font
- page
- file
- font file
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Controls And Circuits For Display Device (AREA)
- Document Processing Apparatus (AREA)
Abstract
本发明实施例提供了一种页面字体的处理方法、装置、电子设备及存储介质,所述方法包括:响应于针对目标页面的打开指令,获取所述目标页面对应的字体文件标识,所述目标页面至少包括首屏文字内容以及非首屏文字内容,所述字体文件标识包括首屏文件标识以及非首屏文件标识;获取所述首屏文件标识对应的首屏字体文件,并根据所述首屏字体文件在所述目标页面的首屏页面中对所述首屏文字内容进行渲染;获取所述目标页面中当前可视范围内的目标内容,若所述目标内容中包含至少一个不存在于所述首屏字体文件中的目标字符,则获取所述非首屏文件标识对应的非首屏字体文件,并根据所述非首屏字体文件在所述目标页面中对所述目标字符进行渲染。
Description
技术领域
本发明涉及页面处理技术领域,特别是涉及一种页面字体的处理方法、一种页面字体的处理装置、一种电子设备以及一种计算机可读存储介质。
背景技术
对于web应用,开发人员在开发相应应用程序的过程中,为了美化应用程序的应用页面,必不可少地需要使用不同的字体对页面的文字内容等进行显示,尤其是当需要在节假日活动中对页面进行美化装饰等。而对于一个字体文件,其可以包括数字、字母、汉字以及符号等,导致字体文件的内存往往会比较大,使得页面加载过程中存在文本加载卡顿、不流畅等问题。并且,由于页面内容往往不是静态的,存在很多动态的内容,则容易导致字体处理后无法保证内容显示的完整性。
发明内容
本发明实施例是提供一种页面字体的处理方法、装置、电子设备以及计算机可读存储介质,以解决或部分解决页面加载过程中存在文本加载卡顿以及内容显示不完整的问题。
本发明实施例公开了一种页面字体的处理方法,包括:
响应于针对目标页面的打开指令,获取所述目标页面对应的字体文件标识,所述目标页面至少包括首屏文字内容以及非首屏文字内容,所述字体文件标识包括首屏文件标识以及非首屏文件标识;
获取所述首屏文件标识对应的首屏字体文件,并根据所述首屏字体文件在所述目标页面的首屏页面中对所述首屏文字内容进行渲染;
获取所述目标页面中当前可视范围内的目标内容,若所述目标内容中包含至少一个不存在于所述首屏字体文件中的目标字符,则获取所述非首屏文件标识对应的非首屏字体文件,并根据所述非首屏字体文件在所述目标页面中对所述目标字符进行渲染。
可选地,还包括:
获取所述目标页面的页面文字内容以及与所述页面文字内容对应的页面字体文件;
根据所述页面字体文件与所述首屏文字内容进行字体文件分割,生成与所述首屏文字内容对应的首屏字体文件。
可选地,还包括:
根据所述页面字体文件与所述非首屏文字内容进行字体文件分割,生成与所述非首屏页面对应的非首屏字体文件。
可选地,所述页面字体文件包括预设字符以及各个所述预设字符对应的字形数据,所述首屏文字内容包括首屏字符,所述根据所述页面字体文件与所述首屏文字内容进行字体文件分割,生成与所述首屏文字内容对应的首屏字体文件,包括:
将与所述首屏字符相同的预设字符对应的字形数据作为首屏字形数据;
采用各个所述首屏字符以及各个所述首屏字符对应的首屏字形数据,构建与所述首屏文字内容对应的首屏字体文件。
可选地,所述根据所述页面字体文件与所述非首屏文字内容进行字体文件分割,生成与所述非首屏文字内容对应的非首屏字体文件,包括:
将所述页面字体文件中除所述首屏字符之外的其他字符作为非首屏字符,以及将所述页面字体文件中除所述首屏字形数据之外的其他字形数据作为非首屏字形数据;
采用各个所述非首屏字符以及各个所述非首屏字符对应的非首屏字形数据,构建与所述非首屏文字内容对应的非首屏字体文件。
可选地,还包括:
获取所述目标页面对应的样式文件、所述首屏字体文件的第一文件标识以及所述非首屏字体文件的第二文件标识,所述样式文件包括字体属性;
在所述字体属性中将所述页面字体文件对应的文件标识替换为所述首屏文件标识和所述非首屏文件标识,同时配置所述首屏文件标识和所述非首屏文件标识的优先级,生成所述目标页面对应的目标字体属性;
其中,所述首屏文件标识的优先级高于所述非首屏文件标识的优先级。
可选地,所述响应于针对目标页面的打开指令,获取所述目标页面对应的字体文件标识,包括:
响应于针对目标页面的打开指令,获取所述目标页面对应的目标字体属性,并从所述目标字体属性中提取优先级最高的首屏文件标识。
本发明实施例还公开了一种页面字体的处理装置,包括:
文件标识获取模块,用于响应于针对目标页面的打开指令,获取所述目标页面对应的字体文件标识,所述目标页面至少包括首屏文字内容以及非首屏文字内容,所述字体文件标识包括首屏文件标识以及非首屏文件标识;
第一渲染模块,用于获取所述首屏文件标识对应的首屏字体文件,并根据所述首屏字体文件在所述目标页面的首屏页面中对所述首屏文字内容进行渲染;
第二渲染模块,用于获取所述目标页面中当前可视范围内的目标内容,若所述目标内容中包含至少一个不存在于所述首屏字体文件中的目标字符,则获取所述非首屏文件标识对应的非首屏字体文件,并根据所述非首屏字体文件在所述目标页面中对所述目标字符进行渲染。
可选地,还包括:
字体文件获取模块,用于获取所述目标页面的页面文字内容以及与所述页面文字内容对应的页面字体文件;
首屏字体文件生成模块,用于根据所述页面字体文件与所述首屏文字内容进行字体文件分割,生成与所述首屏文字内容对应的首屏字体文件。
可选地,还包括:
非首屏字体文件生成模块,用于根据所述页面字体文件与所述非首屏文字内容进行字体文件分割,生成与所述非首屏页面对应的非首屏字体文件。
可选地,所述页面字体文件包括预设字符以及各个所述预设字符对应的字形数据,所述首屏文字内容包括首屏字符,所述首屏字体文件生成模块具体用于:
将与所述首屏字符相同的预设字符对应的字形数据作为首屏字形数据;
采用各个所述首屏字符以及各个所述首屏字符对应的首屏字形数据,构建与所述首屏文字内容对应的首屏字体文件。
可选地,所述非首屏字体文件生成模块具体用于:
将所述页面字体文件中除所述首屏字符之外的其他字符作为非首屏字符,以及将所述页面字体文件中除所述首屏字形数据之外的其他字形数据作为非首屏字形数据;
采用各个所述非首屏字符以及各个所述非首屏字符对应的非首屏字形数据,构建与所述非首屏文字内容对应的非首屏字体文件。
可选地,还包括:
样式文件获取模块,用于获取所述目标页面对应的样式文件、所述首屏字体文件的第一文件标识以及所述非首屏字体文件的第二文件标识,所述样式文件包括字体属性;
字体属性设置模块,用于在所述字体属性中将所述页面字体文件对应的文件标识替换为所述首屏文件标识和所述非首屏文件标识,同时配置所述首屏文件标识和所述非首屏文件标识的优先级,生成所述目标页面对应的目标字体属性;
其中,所述首屏文件标识的优先级高于所述非首屏文件标识的优先级。
可选地,所述文件标识获取模块具体用于:
响应于针对目标页面的打开指令,获取所述目标页面对应的目标字体属性,并从所述目标字体属性中提取优先级最高的首屏文件标识。
本发明实施例还公开了一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,所述处理器、所述通信接口以及所述存储器通过所述通信总线完成相互间的通信;
所述存储器,用于存放计算机程序;
所述处理器,用于执行存储器上所存放的程序时,实现如本发明实施例所述的方法。
本发明实施例还公开了一种计算机可读存储介质,其上存储有指令,当由一个或多个处理器执行时,使得所述处理器执行如本发明实施例所述的方法。
本发明实施例包括以下优点:
在本发明实施例中,当用户浏览目标页面时,可以响应于针对目标页面的打开指令,获取目标页面对应的字体文件标识,其中,目标页面至少包括首屏文字内容以及非首屏文字内容,字体文件标识包括首屏文件标识以及非首屏文件标识,接着可以获取首屏文件标识对应的首屏字体文件,并根据首屏字体文件在目标页面的首屏页面中对首屏文字内容进行渲染,通过对字体文件进行分割并按需进行加载,减少字体文件获取的数据量,可以有效提高首屏页面中的文字内容加载效率,保证首屏页面加载的流畅性,同时在用户浏览目标页面的过程中,可以获取目标页面中当前可视范围内的目标内容,若目标内容中包含至少一个不存在于首屏字体文件中的目标字符,则获取非首屏文件标识对应的非首屏字体文件,并根据非首屏字体文件在目标页面中对目标字符进行渲染,从而在保证了首屏字体快速加载的情况下,对页面的内容进行检测,同时根据非首屏字体文件对首屏字体文件不包含的字符进行渲染,有效地保证页面内容显示的完整性。
附图说明
图1是本发明实施例中提供的一种页面字体的处理方法的步骤流程图;
图2是本发明实施例中提供的一种页面字体的处理装置的结构框图;
图3是本发明实施例中提供的一种电子设备的框图;
图4是本发明实施例中提供的一种计算机可读介质的示意图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本发明作进一步详细的说明。
作为一种示例,对于Web应用,开发人员在开发这类应用时,为了美化应用程序的应用页面,必不可少地需要使用不同的字体对页面的文字等进行美化显示,尤其当需要在节假日活动中对页面进行美化装饰等。对于页面字体的美化,往往会使用相应的字体文件,通常这些字体文件都会包含数字、字母、汉子以及符号等,由于包含汉字,会导致字体文件的内存比较大,从而导致在加载页面的过程中,需要加载较大的字体文件,进而导致页面加载过程中存在文本加载卡顿、不流畅等问题。
其中,针对Web应用的字体加载,相关技术中采用的是压缩和裁剪等方式。对于压缩,其采用压缩率更高的字体格式,如woff和woff2格式等,然而对于这种字体压缩方式,尽管采用了压缩率更高的字体格式,但当原字体文件的大小为几十MB的情况下,压缩后的文件大小仍然会有10MB左右,换言之,高压缩率的方式依旧不能解决字体文件内存大的问题,依然会导致页面加载时文本加载卡顿、不流畅等问题;对于裁剪,其可以根据页面内所有的字符,对字体文件进行裁剪,仅保留需要使用到的字体,然而由于中文字符集比较大,常用的字符占比比较小,虽然可以裁剪出一个较小的字体,但是对于当前页面,大都不是静态内容,存在很多动态的内容,而所裁剪的字体往往只是页面原有内容所对应的字体,从而导致动态内容无法完整显示。
对此,本发明的核心发明点之一在于对目标页面所对应的页面字体文件进行分割,得到首屏文字内容对应的首屏字体文件以及非首屏文字内容对应的非首屏字体文件,当用户输入针对目标页面的打开指令时,可以获取目标页面对应的字体文件标识,基于字体文件标识可以获取对应的字体文件,则在渲染目标页面的首屏页面时,可以获取首屏文件标识对应的首屏字体文件,并根据首屏字体文件对目标页面的首屏页面中的首屏文字内容进行渲染,从而通过对字体文件进行分割并按需进行加载,减少字体文件获取的数据量,可以有效提高首屏页面中的文字内容加载效率,保证首屏页面加载的流畅性,其次,可以实时对目标页面当前可视范围内显示的目标内容进行检测,若目标内容中包含至少一个不存在于首屏字体文件中的目标字符,表明首屏字体文件已经不满足字体渲染需求,则可以获取非首屏字体文件,并根据非首屏字体文件在目标页面中对目标字符进行渲染,从而在保证了首屏字体快速加载的情况下,对页面的内容进行检测,同时根据非首屏字体文件对首屏字体文件不包含的字符进行渲染,有效地保证页面内容显示的完整性。
为了使本领域技术人员更好地理解本发明实施例的技术方案,下面对本发明实施例所涉及的部分技术特征进行解释说明:
字体文件,其可以为文字的外在形式特征,是包含一套字形与字符的电子数据文件。对于字形,其可以为字符的显示样式,包括外观样式、排版尺寸等的集合;对于字符,其可以包括汉字、数字、字母以及符号等。
CSS(Cascading Style Sheets),为层叠样式表,是一种常用于web的样式表语言,可以用于描述文档的呈现。
woff/woff2(网页开放字体格式),可以为由Mozilla与TypeSupply,LettError及其他组织协同开发的一种新的网页字体格式。它使用了一种压缩版本,类似于TrueType、OpenType、OpenFont所采用的SFNT结构,不过还添加了共用数据及用户私有数据结构,其中包括了自定义空间,其允许厂家和经销商提供许可证。
具体的,参照图1,示出了本发明实施例中提供的一种页面字体的处理方法的步骤流程图,具体可以包括如下步骤:
步骤101,响应于针对目标页面的打开指令,获取所述目标页面对应的字体文件标识,所述目标页面至少包括首屏文字内容以及非首屏文字内容,所述字体文件标识包括首屏文件标识以及非首屏文件标识;
可选地,可以在用户终端中可以运行相应的应用程序,并通过用户终端的图形用户界面显示用户当前浏览的页面(或网页等)。其中,用户终端可以为台式电脑、笔记本电脑、平板电脑以及移动终端等设备,应用程序可以包括生活类应用程序、音频应用程序、游戏应用程序以及通信应用程序等。
在本发明实施例中,当用户在使用应用程序对某个页面进行访问时,终端可以响应于针对目标页面的打开指令,获取该目标页面对应的字体文件标识,以便通过该字体文件标识获取对应的字体文件对目标页面的文字内容渲染显示。其中,目标页面中所包含的文字内容可以包括首屏文字内容以及非首屏文字内容,首屏文字内容可以为目标页面的首屏页面中静态显示的文字内容(包括页面开发过程中预先设置的文字内容);非首屏文字内容可以包括目标页面的非首屏页面中静态显示的文字内容以及首屏页面和非首屏页面中动态显示的动态文字内容,对于动态文字内容,其可以为页面动态获取的内容,包括实时时间信息、与用户账户标识关联的信息等。
在具体实现中,字体文件标识可以包括与首屏文字内容对应的首屏文件标识以及与非首屏文字内容对应的非首屏文件标识,则在渲染目标页面的过程中,可以按需获取对应的字体文件标识,并根据相应的字体文件对目标页面的文字内容进行渲染,从而通过对字体文件进行分割,使得目标页面显示过程中可以按需加载字体文件,提高页面加载的灵活性。
在一种可选实施例中,在渲染并显示目标页面之前,可以先对目标页面所文本内容所对应的字体文件进行分割,得到分割后的字体文件,以便在目标页面的渲染显示过程中,可以在实现快速加载首屏页面文字内容的情况下,还可以包括页面内容显示的完整性。具体的,可以通过获取目标页面的页面文字内容以及与页面文字内容对应的页面字体文件,接着根据页面字体文件与首屏文字内容进行字体文件分割,生成与首屏文字内容对应的首屏字体文件,以及根据页面字体文件与非首屏文字内容进行字体文件分割,生成与非首屏页面对应的非首屏字体文件。
其中,页面文字内容可以为目标页面静态显示的文字内容;页面字体文件可以为某种字体所对应的所有字符和各个字符对应的字形数据,例如,页面字体文件可以为楷体文件、隶书文件、宋体文件等等,分别对应的是字形为楷体的所有字符,字形为隶书的所有字符以及字形为宋体的所有字符等。
在具体实现中,可以先获取目标页面首屏页面中首屏文字内容所包含的所有首屏字符,接着可以将页面字体文件中与首屏字符相同的预设字符对应的字形数据作为首屏字形数据,并从页面字体文件中提取各个首屏字符所对应的首屏字形数据,然后可以采用各个首屏字符以及各个首屏字符对应的首屏字形数据,构建与首屏文字内容对应的首屏字体文件,并记录首屏字体文件对应的首屏文件标识,以便后续在目标页面的字体属性中记录对应的字体优先级。相比于页面字体文件,首屏字体文件中包含了目标页面的首屏页面所需的所有字符和字形数据,在加载首屏页面的过程中,通过按需获取满足首屏页面加载所需的字体数据,可以有效减少数据量的获取,进而大大提高首屏页面中字体加载的效率,保证首屏页面加载的流畅性。
在构建了首屏字体文件之后,还可以将页面字体文件中除首屏字符之外的其他字符作为非首屏字符,以及将页面字体文件中除首屏字形数据之外的其他字形数据作为非首屏字形数据,然后采用各个非首屏字符以及各个非首屏字符对应的非首屏字形数据,构建与非首屏文字内容对应的非首屏字体文件,并记录非首屏字体文件对应的非首屏文件标识,从而将首屏字符之外的其他字符作为非首屏字符,并构建对应的非首屏字体文件,可以在通过首屏字体文件快速加载首屏页面对应的文字的情况下,通过非首屏字体文件对非首屏页面的文字或动态内容进行渲染显示,进而可以保证页面内容显示的完整性。
当完成对目标页面的字体文件的分割之后,可以通过获取所述目标页面对应的样式文件、所述首屏字体文件的第一文件标识以及所述非首屏字体文件的第二文件标识,在样式文件中可以包括字体属性,字体属性可以为用于指定可选字体的优先级,该字体属性可以为WebCSS标准里的内容,用于指定的是一个优先级从高到低的可选字体列表,同时该属性对于字体的选择是逐字进行的,即假设某个字符周围都是在当前字体文件中存在的字符,但该字符在当前的字体文件中没有对应的字符或字形,则可以通过列表中靠后的字体文件,以保证内容显示的完整性。
具体的,可以在字体属性中将页面字体文件对应的文件标识替换为首屏文件标识和非首屏文件标识,同时配置首屏文件标识和非首屏文件标识的优先级,生成目标页面对应的目标字体属性。其中,由于浏览目标页面的过程中,终端会首先加载目标页面的首屏页面,则可以将首屏文件标识的优先级设置为高于非首屏文件标识的优先级,使得终端在渲染首屏页面的过程中,可以先获取样式文件中优先级排序在前的首屏字体文件进行文字渲染显示。
在一种示例中,针对目标页面,假设其所对应的页面字体文件可以为Font,该页面字体文件所包含的所有字符可以为字符集F,则在执行针对目标页面的字体文件分割时,可以先确定目标页面的首屏页面中首屏文字内容所对应的所有字符,即字符集A,同时将字符集F减去字符集A,可以得到一个不需要在首屏展示的字符集B(包含首屏页面的动态内容、非首屏页面的静态内容和动态内容等对应的字符)。接着可以将字符集A与字符集F进行比对,从页面字体文件中提取字符集A中各个字符所对应的字形数据,然后将字符集A与各个字符对应的字形数据进行组合得到新的字体文件FontA。同理,可以得到字符集B所对应的字体文件FontB,从而通过对页面字体文件进行分割,得到了可以用于快速加载首屏页面字体的字体文件FontA,以及可以用于保证内容显示完整性的字体文件FontB。在构建了对应的字体文件之后,可以获取目标页面对应的CSS文件,并将CSS文件中的字体属性Font-family:Font修改为Font-family:FontA,FontB,从而通过字体属性对所分割后的字体文件的优先级进行设置,使得终端在渲染目标页面的过程中,可以根据字体属性中各个字体文件所对应的优先级,选择加载相应的字体文件进行文字渲染,以保证内容显示的完整性。
通过上述过程构建了目标页面对应的字体文件后,当用户打开对应的目标页面时,终端可以响应于针对目标页面的打开指令,获取目标页面对应的目标字体属性,并从目标字体属性中提取优先级最高的首屏文件标识,以根据首屏文件标识对应的首屏字体文件对首屏页面的首屏文字内容进行渲染。
步骤102,获取所述首屏文件标识对应的首屏字体文件,并根据所述首屏字体文件在所述目标页面的首屏页面中对所述首屏文字内容进行渲染;
在具体实现中,由于首屏字体文件所对应的字符集为页面字体文件所对应的字符集的真子集,即首屏字体文件的内存大小会比页面字体文件小,尤其是当页面字体文件较大的情况下,其所对应的字符集往往数量级为“万”,而首屏字体文件所对应的字符集比较小,数量级为“千”。因此,通过获取与首屏文件标识对应的首屏字体文件,可以在首屏页面渲染的过程中,通过该获取内存较小的首屏字体文件,减少服务器与客户端之间数据传输量,提高客户端的加载速度,进而有效地通过首屏字体文件在目标页面的首屏页面中对首屏文字内容进行渲染的效率,降低用户等待时长,提高用户体验。
步骤103,获取所述目标页面中当前可视范围内的目标内容,若所述目标内容中包含至少一个不存在于所述首屏字体文件中的目标字符,则获取所述非首屏文件标识对应的非首屏字体文件,并根据所述非首屏字体文件在所述目标页面中对所述目标字符进行渲染。
可选地,对于目标页面,其往往是一个包含众多内容的长页面,终端在显示目标页面的过程中,无法通过图形用户界面一次性对目标页面所对应的全部内容进行显示,因此,在用户打开目标页面时,终端可以先对目标页面的首屏页面进行加载,随着用户对目标页面的浏览操作,目标页面在图形用户界面可视范围内显示的内容可以随之发生变化,则终端可以获取目标页面当前可视范围内的目标内容(该目标内容可以是首屏页面包含的内容,除首屏文字内容外,还可以包括其他内容),接着可以获取目标内容所包含的所有字符,并将这些字符与首屏字体文件中的首屏字符进行比对,若目标内容中包含至少一个不存在于首屏字体文件中的目标字符,表明首屏字体文件中不存在对应的字符,此时,可以向服务器请求非首屏文件标识对应的非首屏字体文件,然后可以根据非首屏字体文件在目标页面中对目标字符进行渲染,从而在保证了首屏字体快速加载的情况下,对页面的内容进行检测,同时根据非首屏字体文件对首屏字体文件不包含的字符进行渲染,有效地保证页面内容显示的完整性。
在一种示例中,假设目标页面所对应的字体文件为楷体,且首屏页面中包含的静态内容为“你好,XX”,则可以根据字体文件以及首屏页面的静态内容,生成对应的首屏字体文件,包括“你”、“好”以及“、”等字符以及字形数据,同时将除这些字符之外的其他字符和字形数据,构建对应的非首屏字体文件。其中,“XX”为首屏页面中的动态内容,其为显示页面过程中实时根据用户账户标识进行获取的内容。
当用户打开目标页面时,终端可以先获取首屏字体文件,并在首屏页面中根据首屏字体文件显示“你好,”,此时浏览器可以实时监测“XX”所对应的字符并不存在于首屏字体文件中,则可以获取“XX”所对应的非首屏字体文件,然后根据非首屏字体文件显示“XX”,从而通过对字体文件进行分割并按需进行加载,减少字体文件获取的数据量,提高首屏页面中的文字内容加载效率,保证首屏页面加载的流畅性,同时在保证了首屏字体快速加载的情况下,对页面的内容进行检测,同时根据非首屏字体文件对首屏字体文件不包含的字符进行渲染,有效地保证页面内容显示的完整性。
需要说明的是,本发明实施例包括但不限于上述示例,可以理解的是,本领域技术人员在本发明实施例的思想指导下,还可以根据实际需求进行设置,本发明对此不作限制。
在本发明实施例中,当用户浏览目标页面时,可以响应于针对目标页面的打开指令,获取目标页面对应的字体文件标识,其中,目标页面至少包括首屏文字内容以及非首屏文字内容,字体文件标识包括首屏文件标识以及非首屏文件标识,接着可以获取首屏文件标识对应的首屏字体文件,并根据首屏字体文件在目标页面的首屏页面中对首屏文字内容进行渲染,通过对字体文件进行分割并按需进行加载,减少字体文件获取的数据量,可以有效提高首屏页面中的文字内容加载效率,保证首屏页面加载的流畅性,同时在用户浏览目标页面的过程中,可以获取目标页面中当前可视范围内的目标内容,若目标内容中包含至少一个不存在于首屏字体文件中的目标字符,则获取非首屏文件标识对应的非首屏字体文件,并根据非首屏字体文件在目标页面中对目标字符进行渲染,从而在保证了首屏字体快速加载的情况下,对页面的内容进行检测,同时根据非首屏字体文件对首屏字体文件不包含的字符进行渲染,有效地保证页面内容显示的完整性。
需要说明的是,对于方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明实施例并不受所描述的动作顺序的限制,因为依据本发明实施例,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本发明实施例所必须的。
参照图2,示出了本发明实施例中提供的一种页面字体的处理装置的结构框图,具体可以包括如下模块:
文件标识获取模块201,用于响应于针对目标页面的打开指令,获取所述目标页面对应的字体文件标识,所述目标页面至少包括首屏文字内容以及非首屏文字内容,所述字体文件标识包括首屏文件标识以及非首屏文件标识;
第一渲染模块202,用于获取所述首屏文件标识对应的首屏字体文件,并根据所述首屏字体文件在所述目标页面的首屏页面中对所述首屏文字内容进行渲染;
第二渲染模块203,用于获取所述目标页面中当前可视范围内的目标内容,若所述目标内容中包含至少一个不存在于所述首屏字体文件中的目标字符,则获取所述非首屏文件标识对应的非首屏字体文件,并根据所述非首屏字体文件在所述目标页面中对所述目标字符进行渲染。
在一种可选实施例中,还包括:
字体文件获取模块,用于获取所述目标页面的页面文字内容以及与所述页面文字内容对应的页面字体文件;
首屏字体文件生成模块,用于根据所述页面字体文件与所述首屏文字内容进行字体文件分割,生成与所述首屏文字内容对应的首屏字体文件。
在一种可选实施例中,还包括:
非首屏字体文件生成模块,用于根据所述页面字体文件与所述非首屏文字内容进行字体文件分割,生成与所述非首屏页面对应的非首屏字体文件。
在一种可选实施例中,所述页面字体文件包括预设字符以及各个所述预设字符对应的字形数据,所述首屏文字内容包括首屏字符,所述首屏字体文件生成模块具体用于:
将与所述首屏字符相同的预设字符对应的字形数据作为首屏字形数据;
采用各个所述首屏字符以及各个所述首屏字符对应的首屏字形数据,构建与所述首屏文字内容对应的首屏字体文件。
在一种可选实施例中,所述非首屏字体文件生成模块具体用于:
将所述页面字体文件中除所述首屏字符之外的其他字符作为非首屏字符,以及将所述页面字体文件中除所述首屏字形数据之外的其他字形数据作为非首屏字形数据;
采用各个所述非首屏字符以及各个所述非首屏字符对应的非首屏字形数据,构建与所述非首屏文字内容对应的非首屏字体文件。
在一种可选实施例中,还包括:
样式文件获取模块,用于获取所述目标页面对应的样式文件、所述首屏字体文件的第一文件标识以及所述非首屏字体文件的第二文件标识,所述样式文件包括字体属性;
字体属性设置模块,用于在所述字体属性中将所述页面字体文件对应的文件标识替换为所述首屏文件标识和所述非首屏文件标识,同时配置所述首屏文件标识和所述非首屏文件标识的优先级,生成所述目标页面对应的目标字体属性;
其中,所述首屏文件标识的优先级高于所述非首屏文件标识的优先级。
在一种可选实施例中,所述文件标识获取模块201具体用于:
响应于针对目标页面的打开指令,获取所述目标页面对应的目标字体属性,并从所述目标字体属性中提取优先级最高的首屏文件标识。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
另外,本发明实施例还提供一种电子设备,如图3所示,包括处理器301、通信接口302、存储器303和通信总线304,其中,处理器301,通信接口302,存储器303通过通信总线304完成相互间的通信,
存储器303,用于存放计算机程序;
处理器301,用于执行存储器303上所存放的程序时,实现如下步骤:
响应于针对目标页面的打开指令,获取所述目标页面对应的字体文件标识,所述目标页面至少包括首屏文字内容以及非首屏文字内容,所述字体文件标识包括首屏文件标识以及非首屏文件标识;
获取所述首屏文件标识对应的首屏字体文件,并根据所述首屏字体文件在所述目标页面的首屏页面中对所述首屏文字内容进行渲染;
获取所述目标页面中当前可视范围内的目标内容,若所述目标内容中包含至少一个不存在于所述首屏字体文件中的目标字符,则获取所述非首屏文件标识对应的非首屏字体文件,并根据所述非首屏字体文件在所述目标页面中对所述目标字符进行渲染。
在一种可选实施例中,还包括:
获取所述目标页面的页面文字内容以及与所述页面文字内容对应的页面字体文件;
根据所述页面字体文件与所述首屏文字内容进行字体文件分割,生成与所述首屏文字内容对应的首屏字体文件。
在一种可选实施例中,还包括:
根据所述页面字体文件与所述非首屏文字内容进行字体文件分割,生成与所述非首屏页面对应的非首屏字体文件。
在一种可选实施例中,所述页面字体文件包括预设字符以及各个所述预设字符对应的字形数据,所述首屏文字内容包括首屏字符,所述根据所述页面字体文件与所述首屏文字内容进行字体文件分割,生成与所述首屏文字内容对应的首屏字体文件,包括:
将与所述首屏字符相同的预设字符对应的字形数据作为首屏字形数据;
采用各个所述首屏字符以及各个所述首屏字符对应的首屏字形数据,构建与所述首屏文字内容对应的首屏字体文件。
在一种可选实施例中,所述根据所述页面字体文件与所述非首屏文字内容进行字体文件分割,生成与所述非首屏文字内容对应的非首屏字体文件,包括:
将所述页面字体文件中除所述首屏字符之外的其他字符作为非首屏字符,以及将所述页面字体文件中除所述首屏字形数据之外的其他字形数据作为非首屏字形数据;
采用各个所述非首屏字符以及各个所述非首屏字符对应的非首屏字形数据,构建与所述非首屏文字内容对应的非首屏字体文件。
在一种可选实施例中,还包括:
获取所述目标页面对应的样式文件、所述首屏字体文件的第一文件标识以及所述非首屏字体文件的第二文件标识,所述样式文件包括字体属性;
在所述字体属性中将所述页面字体文件对应的文件标识替换为所述首屏文件标识和所述非首屏文件标识,同时配置所述首屏文件标识和所述非首屏文件标识的优先级,生成所述目标页面对应的目标字体属性;
其中,所述首屏文件标识的优先级高于所述非首屏文件标识的优先级。
在一种可选实施例中,所述响应于针对目标页面的打开指令,获取所述目标页面对应的字体文件标识,包括:
响应于针对目标页面的打开指令,获取所述目标页面对应的目标字体属性,并从所述目标字体属性中提取优先级最高的首屏文件标识。
上述终端提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect,简称PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture,简称EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示,图中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述终端与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory,简称RAM),也可以包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。可选的,存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器,包括中央处理器(Central Processing Unit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(Digital Signal Processing,简称DSP)、专用集成电路(Application SpecificIntegrated Circuit,简称ASIC)、现场可编程门阵列(Field-Programmable Gate Array,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
如图4所示,在本发明提供的又一实施例中,还提供了一种计算机可读存储介质401,该计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述实施例中所述的页面字体的处理方法。
在本发明提供的又一实施例中,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述实施例中所述的页面字体的处理方法。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (10)
1.一种页面字体的处理方法,其特征在于,包括:
响应于针对目标页面的打开指令,获取所述目标页面对应的字体文件标识,所述目标页面至少包括首屏文字内容以及非首屏文字内容,所述字体文件标识包括首屏文件标识以及非首屏文件标识;
获取所述首屏文件标识对应的首屏字体文件,并根据所述首屏字体文件在所述目标页面的首屏页面中对所述首屏文字内容进行渲染;
获取所述目标页面中当前可视范围内的目标内容,若所述目标内容中包含至少一个不存在于所述首屏字体文件中的目标字符,则获取所述非首屏文件标识对应的非首屏字体文件,并根据所述非首屏字体文件在所述目标页面中对所述目标字符进行渲染。
2.根据权利要求1所述的方法,其特征在于,还包括:
获取所述目标页面的页面文字内容以及与所述页面文字内容对应的页面字体文件;
根据所述页面字体文件与所述首屏文字内容进行字体文件分割,生成与所述首屏文字内容对应的首屏字体文件。
3.根据权利要求2所述的方法,其特征在于,还包括:
根据所述页面字体文件与所述非首屏文字内容进行字体文件分割,生成与所述非首屏页面对应的非首屏字体文件。
4.根据权利要求2所述的方法,其特征在于,所述页面字体文件包括预设字符以及各个所述预设字符对应的字形数据,所述首屏文字内容包括首屏字符,所述根据所述页面字体文件与所述首屏文字内容进行字体文件分割,生成与所述首屏文字内容对应的首屏字体文件,包括:
将与所述首屏字符相同的预设字符对应的字形数据作为首屏字形数据;
采用各个所述首屏字符以及各个所述首屏字符对应的首屏字形数据,构建与所述首屏文字内容对应的首屏字体文件。
5.根据权利要求4所述的方法,其特征在于,所述根据所述页面字体文件与所述非首屏文字内容进行字体文件分割,生成与所述非首屏文字内容对应的非首屏字体文件,包括:
将所述页面字体文件中除所述首屏字符之外的其他字符作为非首屏字符,以及将所述页面字体文件中除所述首屏字形数据之外的其他字形数据作为非首屏字形数据;
采用各个所述非首屏字符以及各个所述非首屏字符对应的非首屏字形数据,构建与所述非首屏文字内容对应的非首屏字体文件。
6.根据权利要求1-5任一项所述的方法,其特征在于,还包括:
获取所述目标页面对应的样式文件、所述首屏字体文件的第一文件标识以及所述非首屏字体文件的第二文件标识,所述样式文件包括字体属性;
在所述字体属性中将所述页面字体文件对应的文件标识替换为所述首屏文件标识和所述非首屏文件标识,同时配置所述首屏文件标识和所述非首屏文件标识的优先级,生成所述目标页面对应的目标字体属性;
其中,所述首屏文件标识的优先级高于所述非首屏文件标识的优先级。
7.根据权利要求6所述的方法,其特征在于,所述响应于针对目标页面的打开指令,获取所述目标页面对应的字体文件标识,包括:
响应于针对目标页面的打开指令,获取所述目标页面对应的目标字体属性,并从所述目标字体属性中提取优先级最高的首屏文件标识。
8.一种页面字体的处理装置,其特征在于,包括:
文件标识获取模块,用于响应于针对目标页面的打开指令,获取所述目标页面对应的字体文件标识,所述目标页面至少包括首屏文字内容以及非首屏文字内容,所述字体文件标识包括首屏文件标识以及非首屏文件标识;
第一渲染模块,用于获取所述首屏文件标识对应的首屏字体文件,并根据所述首屏字体文件在所述目标页面的首屏页面中对所述首屏文字内容进行渲染;
第二渲染模块,用于获取所述目标页面中当前可视范围内的目标内容,若所述目标内容中包含至少一个不存在于所述首屏字体文件中的目标字符,则获取所述非首屏文件标识对应的非首屏字体文件,并根据所述非首屏字体文件在所述目标页面中对所述目标字符进行渲染。
9.一种电子设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,所述处理器、所述通信接口以及所述存储器通过所述通信总线完成相互间的通信;
所述存储器,用于存放计算机程序;
所述处理器,用于执行存储器上所存放的程序时,实现如权利要求1-7任一项所述的方法。
10.一种计算机可读存储介质,其上存储有指令,当由一个或多个处理器执行时,使得所述处理器执行如权利要求1-7任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210616471.XA CN114861099A (zh) | 2022-06-01 | 2022-06-01 | 页面字体的处理方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210616471.XA CN114861099A (zh) | 2022-06-01 | 2022-06-01 | 页面字体的处理方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114861099A true CN114861099A (zh) | 2022-08-05 |
Family
ID=82641905
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210616471.XA Pending CN114861099A (zh) | 2022-06-01 | 2022-06-01 | 页面字体的处理方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114861099A (zh) |
-
2022
- 2022-06-01 CN CN202210616471.XA patent/CN114861099A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109801347B (zh) | 一种可编辑图像模板的生成方法、装置、设备和介质 | |
US11562099B1 (en) | Sanitization of content displayed by web-based applications | |
US8707164B2 (en) | Integrated document viewer | |
US9870484B2 (en) | Document redaction | |
US9766860B2 (en) | Dynamic source code formatting | |
US11829667B2 (en) | Creation of component templates and removal of dead content therefrom | |
CN104915186B (zh) | 一种制作页面的方法和装置 | |
EP2932402A2 (en) | Preserving layout of region of content during modification | |
CN106155654B (zh) | 屏蔽网页操作的方法、装置及电子设备 | |
US20160188558A1 (en) | Information processing device, information processing method, and program | |
CA3155636C (en) | Dynamic typesetting | |
CN113076731A (zh) | 报告文件生成方法、装置、计算机设备和存储介质 | |
JP2019169137A (ja) | タイトル推定器 | |
US20180046683A1 (en) | Search word list providing device and method using same | |
JP4451925B1 (ja) | ガイドライン管理装置及びガイドライン管理プログラム | |
CN114995699B (zh) | 一种界面交互方法及装置 | |
CN112052647A (zh) | 一种文档编辑方法、装置、电子设备和可读存储介质 | |
CN114861099A (zh) | 页面字体的处理方法、装置、电子设备及存储介质 | |
CN115601567A (zh) | 页面颜色拾取方法、装置、计算机设备、存储介质及产品 | |
US9946698B2 (en) | Inserting text and graphics using hand markup | |
CN112861504A (zh) | 文本交互方法、装置、设备、存储介质及程序产品 | |
CN112528184A (zh) | 富文本邮件的发送方法、装置、计算机设备及存储介质 | |
CN112434487A (zh) | 一种图文排版方法、装置及电子设备 | |
CN110515618A (zh) | 页面信息录入优化方法、设备、存储介质及装置 | |
KR102487810B1 (ko) | 저시력자를 위한 웹문서 제공방법 및 그 사용자 단말 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |