[發明專利]一種制作頁面的方法和裝置

有效

• 申請號: 201410091086.3
• 申請日: 2014-03-12
• 公開（公告）號: CN104915186B
• 公開（公告）日: 2019-11-19
• 發明（設計）人: 李軍
• 申請（專利權）人: 騰訊科技(深圳)有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F16/958
• 代理公司: 44285 深圳市深佳知識產權代理事務所(普通合伙)
• 代理人: 王仲凱<國際申請>=<國際公布>=<進入

1.一種制作頁面的方法，其特征在于，所述方法包括：

將用于制作頁面的用戶界面設計原稿中圖片格式的線框和/或個性化手寫字體文字制作成一套圖案字體；

加載用于制作頁面的超文本標記語言HTML文件；

通過加載層疊樣式表CSS，將所述圖案字體定位至使用所述HTML文件制作的頁面；

其中，所述將用于制作頁面的用戶界面設計原稿中圖片格式的線框和/或個性化手寫字體文字制作成一套圖案字體，包括：

將所述圖片格式的線框和/或個性化手寫字體文字切割成多個單獨的可移植網絡圖形格式png圖片；

保存所述png圖片；

將每個所述png圖片指定為自定義字體字符集中的一個字符。

2.根據權利要求1所述的方法，其特征在于，所述通過加載層疊樣式表CSS，將所述圖案字體定位至使用所述HTML文件制作的頁面，包括：

加載所述層疊樣式表對應的CSS文件；

根據所述CSS文件的外部資源請求，調用所述圖案字體對應的字體資源文件；

通過構建所述HTML文件的文檔對象模型，將所述圖案字體嵌入至使用所述HTML文件制作的頁面。

3.根據權利要求2所述的方法，其特征在于，所述通過構建所述HTML文件的文檔對象模型，將所述圖案字體嵌入至使用所述HTML文件制作的頁面，包括：

構建所述HTML文件的文檔對象模型；

通過所述文檔對象模型，調用所述圖案字體對應的字體資源文件。

4.根據權利要求1至3任意一項所述的方法，其特征在于，所述頁面為用戶教育頁面。

5.一種制作頁面的裝置，其特征在于，所述裝置包括：

字體制作模塊，用于將用于制作頁面的用戶界面設計原稿中圖片格式的線框和/或個性化手寫字體文字制作成一套圖案字體；

第一加載模塊，用于加載用于制作頁面的超文本標記語言HTML文件；

定位模塊，用于通過加載層疊樣式表CSS，將所述圖案字體定位至使用所述HTML文件制作的頁面；

其中，所述字體制作模塊包括：

切割單元，用于將所述圖片格式的線框和/或個性化手寫字體文字切割成多個單獨的可移植網絡圖形格式png圖片；

保存單元，用于保存所述png圖片；

指定單元，用于將每個所述png圖片指定為自定義字體字符集中的一個字符。

6.根據權利要求5所述的裝置，其特征在于，所述定位模塊包括：

第二加載單元，用于加載所述層疊樣式表對應的CSS文件；

第一調用單元，用于根據所述CSS文件的外部資源請求，調用所述圖案字體對應的字體資源文件；

嵌入單元，用于通過構建所述HTML文件的文檔對象模型，將所述圖案字體嵌入至使用所述HTML文件制作的頁面。

7.根據權利要求6所述的裝置，其特征在于，所述嵌入單元包括：

構建單元，用于構建所述HTML文件的文檔對象模型；

第二調用單元，用于通過所述文檔對象模型，調用所述圖案字體對應的字體資源文件。

8.根據權利要求5至7任意一項所述的裝置，其特征在于，所述頁面為用戶教育頁面。