[0078] 尽管未示出，智能终端还还包括有存储器，以及一个或者一个以上的程序，其中一 个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行述一个 或者一个以上程序包含用于进行以下操作的指令：
[0079] 将用于制作页面的用户界面设计原稿中图片格式的线框和/或个性化手写字体 文字制作成一套图案字体；
[0080] 加载用于制作页面的超文本标记语言HTML文件；
[0081] 通过加载层叠样式表CSS，将所述图案字体定位至使用所述HTML文件制作的页 面。
[0082] 假设上述为第一种可能的实施方式，则在第一种可能的实施方式作为基础而提 供的第二种可能的实施方式中，所述智能终端的存储器中，还包含用于执行以下操作的指 令：
[0083] 将所述图片格式的线框和/或个性化手写字体文字切割成多个单独的可移植网 络图形格式png图片；
[0084] 保存所述png图片；
[0085] 将每个所述png图片指定为自定义字体字符集中的一个字符。
[0086] 假设上述为第二种可能的实施方式，则在第一种可能的实施方式作为基础而提供 的第三种可能的实施方式中，所述智能终端的存储器中，还包含以下指令：
[0087] 加载所述层叠样式表对应的CSS文件；
[0088] 根据所述CSS文件的外部资源请求，调用所述图案字体对应的字体资源文件；
[0089] 通过构建所述HTML文件的文档对象模型，将所述图案字体嵌入至使用所述HTML 文件制作的页面。
[0090] 假设上述为第三种可能的实施方式，则在第三种可能的实施方式作为基础而提供 的第四种可能的实施方式中，所述智能终端的存储器中，还包含以下指令：
[0091] 构建所述HTML文件的文档对象模型；
[0092] 通过所述文档对象模型，调用所述图案字体对应的字体资源文件。
[0093] 作为另一方面，本发明再一实施例还提供了一种计算机可读存储介质，该计算机 可读存储介质可以是上述实施例中的存储器中所包含的计算机可读存储介质；也可以是单 独存在，未装配入终端中的计算机可读存储介质。所述计算机可读存储介质存储有一个或 者一个以上程序，所述一个或者一个以上程序被一个或者一个以上的处理器用来执行一个 制作页面的方法，所述方法包括：
[0094] 将用于制作页面的用户界面设计原稿中图片格式的线框和/或个性化手写字体 文字制作成一套图案字体；
[0095] 加载用于制作页面的超文本标记语言HTML文件；
[0096] 通过加载层叠样式表CSS，将所述图案字体定位至使用所述HTML文件制作的页 面。
[0097] 假设上述为第一种可能的实施方式，则在第一种可能的实施方式作为基础而提供 的第二种可能的实施方式中，所述将用于制作页面的用户界面设计原稿中图片格式的线框 和/或个性化手写字体文字制作成一套图案字体，包括：
[0098] 将所述图片格式的线框和/或个性化手写字体文字切割成多个单独的可移植网 络图形格式png图片；
[0099] 保存所述png图片；
[0100] 将每个所述png图片指定为自定义字体字符集中的一个字符。
[0101] 假设上述为第二种可能的实施方式，则在第一种可能的实施方式作为基础而提供 的第三种可能的实施方式中，所述通过加载层叠样式表CSS，将所述图案字体定位至使用所 述HTML文件制作的页面，包括：
[0102] 加载所述层叠样式表对应的CSS文件；
[0103] 根据所述CSS文件的外部资源请求，调用所述图案字体对应的字体资源文件；
[0104] 通过构建所述HTML文件的文档对象模型，将所述图案字体嵌入至使用所述HTML 文件制作的页面。
[0105] 假设上述为第三种可能的实施方式，则在第三种可能的实施方式作为基础而提供 的第四种可能的实施方式中，所述通过构建所述HTML文件的文档对象模型，将所述图案字 体嵌入至使用所述HTML文件制作的页面，包括：
[0106] 构建所述HTML文件的文档对象模型；
[0107] 通过所述文档对象模型，调用所述图案字体对应的字体资源文件。
[0108] 需要说明的是，上述装置各模块/单元之间的信息交互、执行过程等内容，由于与 本发明方法实施例基于同一构思，其带来的技术效果与本发明方法实施例相同，具体内容 可参见本发明方法实施例中的叙述，此处不再赘述。
[0109] 本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可 以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存 储介质可以包括：只读存储器（ROM，Read Only Memory)、随机存取存储器（RAM，Random Access Memory)、磁盘或光盘等。
[0110] 以上对本发明实施例所提供的制作页面的方法和装置进行了详细介绍，本文中应 用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理 解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在 【具体实施方式】及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发 明的限制。
【主权项】
1. 一种制作页面的方法，其特征在于，所述方法包括： 将用于制作页面的用户界面设计原稿中图片格式的线框和/或个性化手写字体文字 制作成一套图案字体； 加载用于制作页面的超文本标记语言HTML文件； 通过加载层叠样式表CSS，将所述图案字体定位至使用所述HTML文件制作的页面。2. 根据权利要求1所述的方法，其特征在于，所述将用于制作页面的用户界面设计原 稿中图片格式的线框和/或个性化手写字体文字制作成一套图案字体，包括： 将所述图片格式的线框和/或个性化手写字体文字切割成多个单独的可移植网络图 形格式png图片； 保存所述png图片； 将每个所述png图片指定为自定义字体字符集中的一个字符。3. 根据权利要求1所述的方法，其特征在于，所述通过加载层叠样式表CSS，将所述图 案字体定位至使用所述HTML文件制作的页面，包括： 加载所述层叠样式表对应的CSS文件； 根据所述CSS文件的外部资源请求，调用所述图案字体对应的字体资源文件； 通过构建所述HTML文件的文档对象模型，将所述图案字体嵌入至使用所述HTML文件 制作的页面。4. 根据权利要求3所述的方法，其特征在于，所述通过构建所述HTML文件的文档对象 模型，将所述图案字体嵌入至使用所述HTML文件制作的页面，包括： 构建所述HTML文件的文档对象模型； 通过所述文档对象模型，调用所述图案字体对应的字体资源文件。5. 根据权利要求1至4任意一项所述的方法，其特征在于，所述页面为用户教育页面。6. -种制作页面的装置，其特征在于，所述装置包括： 字体制作模块，用于将用于制作页面的用户界面设计原稿中图片格式的线框和/或个 性化手写字体文字制作成一套图案字体； 第一加载模块，用于加载用于制作页面的超文本标记语言HTML文件； 定位模块，用于通过加载层叠样式表CSS，将所述图案字体定位至使用所述HTML文件 制作的页面。7. 根据权利要求6所述的装置，其特征在于，所述字体制作模块包括： 切割单元，用于将所述图片格式的线框和/或个性化手写字体文字切割成多个单独的 可移植网络图形格式png图片； 保存单元，用于保存所述png图片； 指定单元，用于将每个所述png图片指定为自定义字体字符集中的一个字符。8. 根据权利要求6所述的装置，其特征在于，所述定位模块包括： 第二加载单兀，用于加载所述层叠样式表对应的CSS文件； 第一调用单元，用于根据所述CSS文件的外部资源请求，调用所述图案字体对应的字 体资源文件； 嵌入单元，用于通过构建所述HTML文件的文档对象模型，将所述图案字体嵌入至使用 所述HTML文件制作的页面。9. 根据权利要求8所述的装置，其特征在于，所述嵌入单元包括： 构建单元，用于构建所述HTML文件的文档对象模型； 第二调用单元，用于通过所述文档对象模型，调用所述图案字体对应的字体资源文件。10. 根据权利要求6至9任意一项所述的装置，其特征在于，所述页面为用户教育页面。
【专利摘要】本发明公开了一种制作页面的方法和装置，以减小页面加载时的加载时间和用户流量。所述方法包括：将用于制作页面的用户界面设计原稿中图片格式的线框和/或个性化手写字体文字制作成一套图案字体；加载用于制作页面的超文本标记语言HTML文件；通过加载层叠样式表CSS，将所述图案字体定位至使用所述HTML文件制作的页面。本发明提供的方法大大减小了页面加载时的加载时间和用户流量，另一方面，由于矢量图形放大和缩小都不会失真，因此，也减小了图案字体嵌入页面时的适配成本。
【IPC分类】G06F9/44, G06F17/30
【公开号】CN104915186
【申请号】CN201410091086
【发明人】李军
【申请人】腾讯科技（深圳）有限公司
【公开日】2015年9月16日
【申请日】2014年3月12日