网站字体预览的制作方法

专利名称：网站字体预览的制作方法
技术领域：
本发明一般涉及查看字体，且更具体地涉及一种用于预览如网页上显示的字体的 系统和方法。
背景技术：
通常，网页设计工具允许用户基于大量组成元素(例如，超链接、图形、文本等)来 构建网页，所述组成元素可以以超文本标记语言(HTML)、级联样式表(CSQ等来描述。例 如，HTML基于特定标记来规定元素(例如，诸如
的文本元素、诸如<dl>的列表元素， 等)。当设计网页的组成元素时，设计员可能期望可视地选择最适合他们审美期望的字 体。传统的设计工具要求设计员改变网页的组成元素。例如，网页编辑软件(例如所见 即所得(WYSIWYG))网页编辑器)可以通过修改网页的源代码(例如HTML和/或CSS代 码)对网页作出改变。因此，为了使用传统的网页编辑器预览字体，选择一种字体，并且修 改网页编辑器中当前加载的网页的源代码以反映新源代码。取决于改变后的HTML的可容 度(containment)，利用被选字体查看改变后的HTML可能潜在地危害对字体的许可使用限 制。因此，拥有一种允许在客户级处预览被选字体而不改变网页的源代码和/或组成元素 的系统和方法将会变得有利。

发明内容
本发明内容部分被提供用来以简化形式介绍选择概念，下面将在具体实施方式
中 对其进一步描述。本发明内容部分并不意欲识别请求保护的主题的关键特征或重要特征， 也不意欲用于限制请求保护的主题的范畴。有鉴于此，提供一种在客户级处预览网页上的字体而不改变网页的组成元素的系 统和方法将会变得有利。因此，本公开的各方面涉及一种预览网页上的字体而不改变网页 的组成元素的系统，所述系统包括浏览器，用于查看网页、选择所查看网页的元素并且预览 网页上的字体。根据本公开的各方面，所述浏览器可以包括用户界面。例如，浏览器的用户 界面可以包括标题条、导航条、状态条和网页查看区。而且，所述浏览器和/或用户界面可 被配置成使得选择所查看网页的元素不会使得网页落回(reflow)。在一个或多个实施例 中，浏览器可以从服务器中下载字体并且激活仅用于预览目的的所下载字体。本公开的其它方面涉及一种用于在浏览器中加载和查看网页以预览字体而不改 变网页的组成元素的方法。在一种或多种布置中，所述方法可以包括在浏览器处接收 网页；将所述网页的呈现(!^presentation)存储到存储器；在浏览器中提供所述网页的 呈现；接收所述网页的呈现的一个或多个元素的选择；接收定义一个或多个字体属性值 的输入；根据接收到的一个或多个字体属性值修改所述网页的呈现的被选元素；和提供 (render)使用修改后的被选元素的所述呈现，以便利用接收到的字体属性值的字体显示特 性来预览网页。从本文中列出的下列详细描述、所附权利要求书和附图中，本公开的这些和其它新颖的优点、细节、实施例、特征和方面将对本领域的技术人员显而易见。


某些实施例通过举例得以图示但并不限于附图，其中相同的参考编号表示相同的 元素，附图中图1图示了被配置成执行本公开的一个或多个图示性方面的数据处理系统。图2图示了用于查看网页和预览网页上的字体的用户界面。图3是用于在浏览器中查看网页和预览字体变化而不改变网页的组成元素的图 示性方法的流程图。图4A和图4B图示了用于报告网页加载进程的示例性显示。图5图示了所提供的网页的呈现的被选元素的示例性可视指示符。图6图示了具有多个被选元素的网页的示例性所提供呈现。图7图示了具有未选元素和被选锚元素(anchor element)的网页的示例性所提 供呈现。图8图示了根据本公开的一个或多个方面的可被预览的示例性字体变化。图9A图示了在对被选元素的字体属性应用变化之前具有多项选择的网页的示例 性所提供呈现。图9B图示了在一个已接收字体属性已被应用于图9A的被选元素并且随后被提供 之后、图9A的网页的示例性提供呈现。图9C图示了根据本公开的一个或多个方面的、在对字体属性的第二改变已被应 用于网页的所提供呈现之后具有多项选择的图9A和图9B的网页的示例性所提供呈现。
具体实施例方式在各个实施例的下列描述中，对附图进行了参考，该附图组成其一部分，并且其中 附图是通过可以实践本发明的图解各个实施例的方式来示出的。将会理解，可以利用其它 实施例，并且在不背离本发明的范围的情况下可以进行结构和功能上的修改。本公开的各方面涉及一种预览网页上的字体而不改变网页的组成元素(即，字体 的非破坏性预览)的系统和方法。参考图1，本文中描述的方法和技术可被实现为计算机 程序产品117或计算机程序产品组合，以供在计算机系统环境100中使用。计算机系统环 境100代表一种普通的计算机设备，例如桌上型电脑、膝上型电脑、笔记本电脑、网络服务 器、便携式计算机设备、个人数字助理、智能电话、移动电话、分布式计算机网络设备、或者 具有如本文中描述的操作并且由此可被配置成根据本发明的一个或多个图示性方面的专 用设备的必需组件或能力的任何其它设备。环境100可以包括中央处理单元或其它处理器 103、RAM(随机存取存储器)或其它易失性存储器105、R0M(只读存储器)或其它引导存储 器107、计算机101经其连接到网络(例如因特网、LAN(局域网)、WAN(广域网)、PAN(个 人区域网)等)的网络接口 109(例如，以太网、无线网络接口、调制解调器等)、输入/输出 端口 111 (例如键盘、鼠标、监视器、打印机、USB端口、串行端口、并行端口、IEEE 1394/固件 端口，等)和非易失性存储器113(例如，固定盘、光盘、全息照相存储器、可拆卸存储介质、 闪速驱动器，等)。环境100可以在存储器113中存储各种程序、应用程序和数据，包括但不限于，操作系统软件115、字体模块117 (例如，一个或多个插件和/或其它字体软件)、数据 119(例如网页、字体文件和本文中描述的其它数据)和浏览器软件121(例如，处理用于显 示的网页的软件，等)。本公开的一个或多个方面可以具体为例如在一个或多个程序模块中的计算机可 用数据和/或计算机可执行指令，所述计算机可用数据和/或计算机可执行指令由一个或 多个计算机或其它设备执行用于提供在诸如显示器或打印机的设备上用以输出的一个或 多个字体。通常，程序模块包括当由计算机或其它数据处理设备中的处理器执行时执行特 定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等。计算机可执行指令 可被存储在计算机可读介质上，例如硬盘、光盘、可拆卸存储介质、固态存储器、RAM等。如 本领域的普通技术人员将会理解的，程序模块的功能可以在各种实施例中按期望来组合或 分布。另外，所述功能可以整体或部分地以例如集成电路、现场可编程门阵列(FPGA)等的 固件或硬件等效物来体现。可以使用特定数据结构来更有效地实现本发明的一个或多个方 面，并且本文中描述的计算机可执行指令和计算机可用数据的范围内设想了这样的数据结 构。参考图1，计算机系统环境100可以包括浏览器121，该浏览器121与操作系统115 和网络接口 109相互作用。操作系统115包括用于激活字体的应用程序接口，因此在操作 系统115上运行的进程可以访问和使用所激活的字体，包括浏览器121。字体可被存储在字 体文件夹和保持关于字体的信息的系统寄存数据库中。在一些实施例中，计算机系统环境 100可以包括与操作系统115和/或浏览器121相互作用的打印系统。在一些布置中，计算 机系统环境100可以包括提供可下载字体的字体管理服务器。一旦被下载，这些字体就可 以通过操作系统115来激活，从而该字体可用于浏览器121。在一些实施例中，计算机系统 环境100可以包括作为字体管理应用程序中的一个组成部分的浏览器121。在这些实施例 中，用户可以与字体管理应用程序相互作用(例如选择“网页预览”选项)以便打开浏览器 121。例如，字体管理应用程序可以进入利用浏览器121的网页预览模式。又例如，字体管 理应用程序可以打开用于浏览器121的字体管理用户界面中的新标签。作为又一示例，字 体管理应用程序可以打开用于浏览器121的新窗口(例如，浏览器121可被打开为“网页预 览”窗口等)。本公开的一些方面涉及一种预览网页上的字体不而改变网页的组成部分的系统。 将会当理解，可以利用许多各种用户输入设备，包括但不限于，鼠标、键盘、跟踪球、触摸屏、 语音识别电路、红外控制等。根据本公开的各方面，用户可以与计算机系统环境100相互作用以在浏览器121 中查看网页。例如，用户可以与浏览器121和/或网络接口 109相互作用以从一个或多个 网络(例如因特网)下载网页并且随后在浏览器121中查看所下载的网页。图2中示出了用于查看网页和预览网页上的字体的浏览器(例如浏览器121(图 1))的图示性用户界面(UI)200。通过与界面200交互作用，用户可以预览当前查看的网页 上的字体，如下面详细所讨论的。图2中示出了四个分离的方格区，即标题条210、导航条 220、状态条230和网页查看区M0。如图2中所见，标题条210可以包括标题显示区202， 用于显示浏览器中加载的当前网页的标题；和按钮204，用于隐藏浏览器。在一些实施例 中，UI 200可以包括与UI的特定控制相关联的工具提示(tool-tip)文本，其向用户提供关于控制的更多信息(例如，当鼠标指针中途停留到特定控制时，窗口可以弹出显示所述 显示以提示文本)。在一些实施例中，浏览器可以在启动UI 200时自动地加载先前查看的 网页。根据本公开的各方面，导航条220可以提供控制以允许用户导航到不同的网页以 及在正被预览的变化(例如，对当前查看网页的字体的改变)上导航。如图2中所见，导航 条220可以包括后退历史按钮221、前进历史按钮222、统一资源定位符(URL)组合框223、 刷新页按钮224、停止加载页按钮225、上一变化按钮2 和/或下一变化按钮227。后退历史按钮221可以提供控制使得浏览器导航后退到浏览器的网页历史中的 一页。前进历史按钮222可以提供控制使得浏览器导航前进到浏览器的网页历史中的一 页。在一些实施例中，如果在浏览器的网页历史中没有网页，则可以禁用后退历史按钮221 和前进历史按钮222。在一些实施例中，后退历史按钮221与工具提示文本(例如“点击此 处以返回一页”等)相关联。在一些实施例中，前进历史按钮222与工具提示文本(例如 “点击此处以前进一页”等)相关联。URL组合框223可以提供用于地址条功能的控制。例如，在一些实施例中，用户可 以通过将网页URL输入到URL组合框223并且按下键盘上的“回车”按钮来而导航到一个 网页。一旦该页被加载到界面200，则网页URL将被保存到URL组合框223作为URL组合 框223的已保存网页URL列表的一部分。在一些实施例中，已保存网页URL列表可以在UI 200会话之间继续。URL组合框223可以基于URL组合框223中输入的文本来提供建议网 HURL。所述建议可以是具有敲入URL的匹配部分的网页URL。在一些实施例中，用户可以 通过与组合框相互作用(例如，“下拉”URL组合框以显示已保存网页URL列表)并且从已 保存网页URL列表中选择网页URL而导航到网页。在一些实施例中，URL组合框223可以 与工具提示文本(例如“输入网页地址以便预览”等)相关联。刷新页按钮2M可以提供控制以便刷新界面200中当前查看的网页(例如所提供 网页)的内容。刷新网页可以产生对将要从所提供网页去除的当前网页作出的任何字体变 化(例如正被预览的字体，如下所讨论的)。在一些实施例中，可以不向用户展示警告。在 一些实施例中，刷新页按钮2M可以与工具提示文本相关联(例如“点击此处以刷新当前 页”等)。停止加载页按钮225可以提供控制以停止加载当前网页。如果当前未在下载网 页，则激活停止加载页按钮不会进行任何动作。在一些实施例中，停止加载页按钮225可以 与工具提示文本相关联(例如“点击此处以停止加载当前页”等)。上一变化按钮2 和/或下一变化按钮227可以提供控制以在正被预览的变化上 循环(例如，对当前查看网页的字体进行变化)。例如，激活下一变化按钮227提供控制以 便循环到已改变的当前查看网页上的下一元素。下一元素是相对于当前被选元素的。类似 地，激活上一变化按钮2 提供控制以便循环到已改变的当前查看网页上的上一元素。上 一元素是相对于当前被选元素的。在一些实施例中，上一变化按钮2 和/或下一变化按 钮227可包含在信息浏览器长格上。在一些实施例中，上一变化按钮2 和/或下一变化 按钮227可以禁用，直到已对当前查看的网页应用变化。在一些实施例中，界面200可以包 括信息浏览器长格(未示出)，以便提供在当前查看网页中正预览的变化的概括图(例如， 正被预览的变化的列表、关于由正被预览的变化修改的元素的细节，等)。在一些实施例中，上一变化按钮2 和/或下一变化按钮227可以与工具提示文本相关联(例如“点击此处 以在该页上显示上一变化”、“点击此处以在该页上显示下一变化”等)。根据本公开的各方面，状态条230可以提供控制以允许用户管理网页组成元素的 选择，对用于预览的网页的应用变化，以及管理导航条220的可视性。如图2中所见，状态 条230可以包括选择页体按钮231、清除选择按钮232、隐藏/显示导航条按钮233、预览类 型菜单234、字体大小滑动控制235和/或字体大小组合框控制236。选择页体按钮231可以提供控制，使得在激活时清除元素的任何当前选择，去除 在当前查看网页上显示的任何可视指示符，选择当前查看网页上的每个元素，并且在当前 查看网页的外边缘周围绘制可视指示符。在一些实施例中，选择页体按钮231可以与工具 提示文本相关联(例如“点击此处以选择网页预览页体”，等)。清除选择按钮232可以提供控制，使得在激活时清除元素的任何当前选择，并且 去除在当前查看网页上显示的任何可视指示符。在一些实施例中，清除选择按钮232可以 与工具提示文本相关联(例如“点击此处以清除网页选择”等)。隐藏/显示导航条按钮233可以提供控制，使得在激活时隐藏/显示导航条220。 例如，在导航条220可视的同时当用户激活隐藏/显示导航条按钮233时，导航条220将变 得不可视。类似地，在导航条220不可视的同时当用户激活隐藏/显示导航条按钮233时， 导航条220将变得可视。在一些实施例中，隐藏/显示导航条按钮233可以与工具提示文 本相关联(例如“点击此处以隐藏/显示导航条”等)。预览类型菜单234可以对用户提供控制以查看可以预览的字体并且选择期望字 体来预览当前查看网页的被选元素。例如，用户可以与预览类型菜单相互作用以打开潜 在浏览器可用的字体列表。在一些实施例中，浏览器可用的字体可以通过诸如操作系统 115(图1)的操作系统来提供。在一些实施例中，浏览器可用的字体可以通过字体管理应用 程序来提供，如上所讨论的。另外或可替换地，浏览器可用的字体可以包括从字体管理服务 器中下载的字体。类似地，浏览器可用的字体可以包括从因特网和/或万维网下载的字体。 在一些布置中，浏览器可以从因特网、万维网和/或字体管理服务器下载字体，并且激活仅 用于预览目的的所下载字体(例如，被激活使得浏览器可以仅访问/使用所下载的字体)。 在一些实施例中，如下面详细讨论的，在选择预览类型菜单234中的字体之后，浏览器可以 接收被选字体类型和，并且可以修改浏览器中的当前查看网页上的被选元素来预览被选字 体类型。在一些实施例中，预览类型菜单234可以与工具提示文本相关联(例如“点击此处 以查看可用于预览的字体”等)。在一些实施例中，预览类型菜单234可以具有与所提供网页的上次被选元素的字 体类型对应的默认值。如果已经选择零元素，则预览类型菜单234可以根据预定方案默 认(例如，具有定义字体大小、浏览器预定的字体类型的所提网页的第一元素的字体类型， 等)。另外，当选择元素时，可以更新预览类型菜单234的当前值。例如，在一些实施例中， 预览类型菜单234的当前值可被更新为具有与所提供网页的上次被选元素的字体类型对 应的值。字体大小滑动控制235和/或字体大小组合框控制236可以提供控制以选择用户 期望在当前查看网页的被选元素中预览的特定字体大小。根据本公开的各方面，如下面详 细讨论的，在选择字体大小之后，潜在浏览器可以接收被选字体大小，并且可以改变浏览器中的当前查看网页上的被选元素来预览被选字体大小。例如，用户可以与字体大小滑动控 制235相互作用(例如将滑块滑动到左边和/或右边)以便增加/减小当前查看网页的当 前被选元素的字体大小。又例如，用户可以与字体大小组合框控制236相互作用(例如，点 击组合框并且从下拉列表中选择所列数量，其表示特定字体大小)以便选择当前查看网页 的当前被选元素的特定字体大小。在一些实施例中，字体大小滑动控制235和/或字体大 小组合框控制236可以与工具提示文本相关联(例如“点击此处以修改字体大小”等)。在一些实施例中，字体大小滑动控制235和/或字体大小组合框控制236可以具 有与所提供网页的上次被选元素的字体大小相对应的默认值。如果已经选择零元素，则字 体大小滑动控制235和/或字体大小组合框控制236可以根据预定方案默认(例如，具有 定义字体大小、由浏览器预定的字体大小的所提网页的第一元素的字体大小，等等)。另外， 当选择元素时，可以更新字体大小滑动控制235和/或字体大小组合框控制236的当前值。 例如，在一些实施例中，字体大小滑动控制235和/或字体大小组合框控制236的当前值可 被更新为具有与所提供网页的上次被选元素的字体大小对应的值。也如图2中所见，网页查看区240提供用于查看页面200中的网页的长格。根据本 公开的各方面，网页查看区向用户提供视觉地检查对网页的组成元素作出的变化的能力。 例如，如果用户使用状态条230提供的控制对界面200中当前查看的网页的字体作出改变， 则可以在网页查看区240中检查到该改变。根据本公开的其它方面，网页查看区向用户提 供通过与网页查看区240相互作用选择所显示网页的一个或多个元素的能力，如本文中将 要详细讨论的。如上所讨论的，可以在界面200中加载并查看网页以便不必改变网页的组成元素 来预览字体。注意，浏览器可以访问在万维网和/或因特网上当前公开的网页(即，通过 URL可在万维网/因特网上访问的网页)，因此在对所公开网页进行字体变化之前可以预览 该字体变化。图3是用于在浏览器中预览网页和预览字体变化而不改变网页的组成元素的 图示性方法的流程图。如图3的步骤301中所见，在浏览器处接收网页。可以在浏览器处 以各种各样的方式来接收网页。通常，浏览器可以访问与网页地址对应的网页并且开始下 载该网页。例如，用户可以将期望的网页地址输入到浏览器的地址字段以便开始在浏览器 处接收网页。又例如，参考图2，用户可以将网站URL输入到URL组合框223并且按下键盘 上的“回车”键。在一些实施例中，当界面200被首先启动时，界面200可以自动地访问上 次查看的网页，以便开始接收上次查看的网页。根据本公开的各方面，浏览器可以包括表示在浏览器处正被接收的网页的加载进 程的显示区域。图4A和图4B图示了用于报告网页加载进程的示例性显示。如图4A和图 4B中所见，进程显示400包括任务名称410、进程标题420和进程消息430。在一些实施例 中，任务名称410可以是与浏览器相关联的文本(例如“网页预览”)。在一些实施例中，进 程标题420可以是描述网页加载的文本(例如“下载页面内容”)。在一些实施例中，如图 4B中所见，进程消息430可以是与正被加载的网页相关联的文本(例如，当前下载的网页的 域名)。另外，在一些实施例中，进程可以经由进程条440向用户报告，其以图形形式报告该 进程(例如，根据当前进程对进程条440的从0%到100%的区域加阴影)。在一些实施例 中，进程条440可被配置成报告正下载的网页的每一项的进程(例如，网页的各个帧、网页 的图像、网页标记等)。在这些实施例中，进程条440可以对于一些网页报告100%进程多次(例如，对于所下载的每一项)。再次参考图3，如图3的步骤303中所见，所接收网页的呈现被存储到存储器。根 据本公开的各方面，存储所接收网页的呈现有助于向用户提供来预览网页上的字体而不改 变网页的组成元素的能力。网页的呈现能够以大量不同的格式来存储。在一些实施例中， 网页的呈现可以是网页的本地复制(例如HTML源代码)。在其它实施例中，网页的呈现是 文档对象模型(DOM)呈现。在一些实施例中，网页可能必须被处理成形成DOM呈现。例如， HTML代码可被解析和转换为DOM呈现。当所述呈现正被存储在本地存储器中时可以完成 这样的处理。可替换地，可以首先存储网页并且随后处理网页以便将网页转换为DOM呈现。 通常，DOM包括一个或多个元素连同对应于网页的组成元素的元素。如图3的步骤305中所见，在浏览器中提供网页的呈现。根据本公开的各方面，提 供网页的呈现有助于向用户提供预览网页上的字体而不改变网页的组成元素的能力。在浏 览器中提供网页的呈现向用户提供了网页的当前视图。例如，网页的呈现可以提供于浏览 器的查看区(例如图2的网页查看区M0)中以便向用户提供网页的当前视图。在一些实 施例中，当呈现的元素被存储在本地存储器中时，可以在浏览器中提供所述元素。在其它实 施例中，仅当呈现被完全存储在本地存储器中，浏览器可以在浏览器中提供呈现。如图3的步骤307中所见，接收所提供呈现的一个或多个元素的选择。为了执行 元素的选择，用户可以通过与所显示元素相互作用来选择所提供呈现的一个或多个元素。 例如，为了执行元素的选择，用户可以通过在浏览器的查看区中的期望元素上移动鼠标指 针并且当鼠标指针处于每个期望元素时进行鼠标点击，来选择所提供呈现的一个或多个元 素。当选择一个元素时，用户可以改变字体类型和/或大小以便预览不同的字体将如何出 现在被选元素中，如下面详细讨论的。在一些实施例中，浏览器可以存储当前被选元素的记 录和/或列表(例如，包含对所存储DOM的当前被选元素的参考的数据阵列)。另外，当选 择所提供呈现的元素时，可视指示符将被提供用以表示选择了元素。例如，可以利用实线或 虚线(例如点线)和/或高亮来提供被选元素的外周界(或者类似区域)。又例如，可以对 被选元素的区域加阴影来表示所述选择。图5图示了用于所提供呈现500的被选元素520的示例性可视指示符510。在一 些实施例中，提供可视指示符，因此所提供网页不会落回。在对所提供网页的改变(例如， 对所提供DOM的元素的改变)导致文档的内容(例如，元素、文本等)改变位置时，可能发 生文档落回。在提供可视指示符不会导致网页落回的一些布置中，浏览器(例如，使用组件 对象模型(COM)接口)可被配置成当网页的区域和/或元素被提供时进行调用(callback) (例如COM调用功能)。例如，在接收对与可视指示符相关联的区域和/或元素的调用之后 提供(例如使用GDI+)可视指示符。在其它布置中，网页的呈现被操纵为包括可视指示符。 在操纵呈现之后，浏览器可以提供所述呈现，从而显示该可视指示符。这可能导致所提供网 页落回。根据本公开的各方面，用户可以执行单项选择、多项选择以及锚元素选择。例如， 单项选择会选择所提供网页的单个元素。在一些实施例中，用户可以通过将鼠标指针移动 到所提供网页上的期望元素并且执行单一鼠标点击来执行单项选择。在执行鼠标点击时， 将仅选择期望的元素。任何上一被选的元素将被清除。另外，如果用户对已被选中的元素 进行单项选择，则将清除对该元素的选择(例如，该元素将不被选中并且可视指示符被去除)。一旦选中，将在被选元素周围绘制单一可视指示符，如上所讨论的(例如参见图5)。多项选择会选择所提供网页的多个元素。在一些实施例中，为了多项选择元素， 用户可以将鼠标指针移动到所提供网页上的期望元素并且在同时按压修改键(例如， “Control (控制)”键、“Cmd(命令)”键等)的同时执行单一鼠标点击。一旦在按压修改键 的同时执行鼠标点击，将选中期望的元素，将提供可视指示符，并且将保持选中任何先前选 中的元素。锚选择会选择所提供网页的锚元素(例如，网页链接、URL等)。根据本公开的各 方面，当用户选择锚元素时，相关的链接可能不会自动跟随。相反，将选中元素并且将提供 可视指示符。另外，如果用户对已被选中的锚元素执行锚元素选择，则将清除对该锚元素的 选择。锚元素也可以被单项或多项选择，如上所讨论的。在一些实施例中，一旦选择锚元素， 浏览器就可以显示工具提示以指示用户按压键盘上的修改键以便跟随链接(例如，工具提 示文本“CTRL+SHIFT+点击以跟随链接”、“ALT+点击以跟随链接”等等)。图6图示了具有多个被选元素的网页的示例性所提供呈现。如图6中所见，所提 供的呈现600包括元素610、620和630以及相应的可视指示符640、650和660。另外，如果 用户对已被选中的元素进行多项选择，则将清除对该元素的选择。图7图示了具有示例性显示的工具提示的被选锚元素的网页的示例性所提供呈 现。如图7中所见，所提供的呈现700包括元素710、被选锚元素720和可视指示符730。再次参考图3，如图3的步骤309中所见，接收定义一个或多个字体属性值的输入。 通常，一个或多个字体属性值可以包括特定字体大小和/或字体类型。字体属性值可以以 各种各样的方式接收。例如，参考图2，一旦进行期望的元素选择，用户就与界面200的控制 相互作用(例如，预览类型菜单234、字体大小滑动控制235和/或字体大小组合框控制236 等)，以便选择要预览的期望字体属性。用户可以与预览类型菜单234相互作用以便通过 首先对预览类型菜单234执行鼠标点击以顺着向下显示字体类型列表来选择字体属性。用 户随后可以对于他们希望预览的特定字体类型搜索字体类型列表(例如HelveticaJimes New Roman、Webdings、Comic Sans、Arial等等)，并且在字体类型列表中的特定字体类型 上执行另一鼠标点击以选择该特定字体类型。在一些实施例中，当用户与预览类型菜单234 相互作用时，从预览类型菜单234接收的字体属性值可以指定用户选择的字体类型。又例 如，用户可以与字体大小组合框控制236相互作用以便通过首先与顺着向下移动字体大小 列表的控制相互作用来选择字体属性。用户随后可以针对他们希望预览的特定字体大小搜 索字体大小列表(例如，大小12、16、20等)并且在字体大小列表中的特定字体大小上执行 另一鼠标点击来选择该特定字体大小。可替换地，用户可以以特定字体大小向字体大小组 合框控制236打字并且按下键盘上的“回车”键。在一些布置中，当用户与字体大小组合框 控制236相互作用时，从字体大小组合框控制236中接收的字体属性可以指定用户选择的 字体大小。类似地，用户可以与字体大小滑动控制235相互作用以选择字体属性。例如，用 户可以将滑块滑动到左边以表示更小的字体大小以及滑动到右边以表示更大的字体大小。 由字体大小滑块生成的所接收的字体属性可以对应于用户移动滑块的方向(例如，移动到 位置X的滑块选择16的字体大小，而移动到位置Y的滑块选择20的字体大小，其中位置Y 在位置X的右边)。可替换地，所接收的字体属性可以表示根据用户移动滑块的方向增加/ 减小字体大小的量(例如，"2使字体大小减小2点，+2时字体大小增加2点，等等)。
在一些实施例中，字体属性可以用字体改变命令来体现。在这些实施例中，字体改 变命令可以包括一个或多个字体属性。例如，界面200可以包括应用字体改变按钮(未示 出)。在这些实施例中，一旦激活应用字体改变按钮就可以生成字体改变命令。一旦激活， 字体改变命令可被生成为使得字体大小组合框控制236的当前字体大小(例如，字体大小 组合框控制236的默认或上次选择字体大小)和预览类型菜单234的字体类型(例如，预 览类型菜单234的默认或上次选择字体类型)被指定。在这些实施例中，字体改变命令中 的每个字体属性可应用于被选元素，如下面所讨论的。再次参考图3，如图3的步骤311中所见，根据接收到的字体属性值来修改呈现的 被选元素。根据本公开的各方面，修改呈现的元素有助于向用户提供预览网页上的字体而 不改变网页的组成元素的能力。一旦接收字体属性值，浏览器就可以将所指示的变化应用 于网页的呈现的当前被选元素(例如，将变化应用于所存储DOM的被选元素)。如果当前 选择零元素，则接收到的字体属性未被应用于呈现的元素。例如，如果字体属性值指定特定 字体类型，则浏览器将在本地存储器中定位呈现的被选元素，并且根据该特定字体类型修 改被选元素，因此被选元素的文本是特定字体类型的。类似地，如果字体属性指定特定字体 大小，则浏览器将在本地存储器中定位呈现的被选元素，并且根据该特定字体类型修改被 选元素，因此被选元素的文本大小是特定字体大小的。另外，如果字体属性指定特定字体大 小和特定字体类型，则浏览器将在本地存储器中定位呈现的被选元素，并且根据该特定字 体类型和字体大小修改被选元素，因此被选元素的文本大小是特定字体类型和特定字体大 小的。注意，在某些布置中，元素可以包括具有不可修改的文本(例如，图形中的文本，等) 的部分，其不可以按允许用户在具有不可修改文本的部分处预览所接收字体属性的方式提 供。在一些实施例中，一旦应用由所接收字体属性指定的变化，就可以清除任何被选元素的 选择。在其它实施例中，可以保持选择被选元素。根据本公开的各方面，被选元素可以包括嵌套元素(例如，元素内的元素)。例 如，文本元素，例如段落元素(具有标记
的HTML元素)，可以利用锚元素(例如，具有 标记<a href>的HTML元素)来嵌套。而且，嵌套元素可以包含其它嵌套元素。在一些实 施例中，接收到的字体属性不仅可应用于当前被选元素(即母元素)，还可应用于嵌套元素 (即子元素)。例如，对于指定“Helvetica”字体类型的字体类型的字体属性，仅母元素将 变为以“Helvetica”显示文本。任何子元素将保持不变。在其它实施例中，字体属性可以 递归地应用于所有嵌套元素(例如，字体属性可应用于母元素和子元素)。例如，对于指定 “Helvetica”字体类型的字体类型的字体属性值，母元素和子元素将变为以“Helvetica”显 示文本。如图;3B的步骤313所见，使用修改后的被选元素在浏览器中提供呈现。根据本公 开的各方面，在浏览器中提供使用修改后的被选元素的呈现有助于向用户提供在网页上预 览字体而不改变网页的组成元素的能力。一旦根据接收到的字体属性值修改被选元素，浏 览器就可以在浏览器的查看区中提供网页的呈现，因此用户可以在浏览器中预览字体属性变化。根据本公开的各方面，用户可以对将网页的呈现应用多个字体属性变化。例如，用 户在网页的提供呈现中预览第一字体属性变化之后可以选择它们希望预览的第二字体属 性。第二字体属性将相应地修改被选元素(例如，应用指定20的字体大小的第一接收字体属性，并且随后生成并应用指定“Arial”的字体类型的第二接收字体属性)。又例如，用户 在选择他们期望在网页的呈现中预览的第二字体属性之前可以修改选择哪一个元素(例 如，应用指定20的字体大小的第一接收字体属性，用户添加/移除元素选择，并且随后生成 并应用指定“Arial”的字体类型的第二接收字体属性)。本领域的技术人员将会理解，通过 浏览器可以处理任何任意数量的选择改变和字体属性变化。根据本公开的各方面，浏览器可以存储应用于所提供呈现的变化的记录和/或列 表。例如，浏览器可以存储自从第一次加载或上次刷新的网页已被修改的元素的列表。现 在参考图2，这样的列表可以通过界面200的控制来访问，包括当激活相应按钮时与上一变 化按钮2 和/或下一变化按钮227相关联的控制。该列表也可以在变化正被输出到网页 源代码时访问，如下所述。图8图示了根据本公开的一方面或多方面的可以预览的示例性字体变化。如图8 中所见，元素801根据指定30的字体大小的字体属性803而修改并且随后被提供为元素 805。如图8中所见，元素807根据指定“Impact”的字体类型的字体属性809而修改并且 随后被提供为元素811。如图8中所见，锚元素813根据指定“Impact”的字体类型和30的 字体大小的字体属性815而修改并且随后被提供为元素817。如图8的元素817所示，在一 些实施例中，对所述元素应用接收到的字体属性可以包括修改元素的大小。在其它实施例 中，可以不修改元素的大小来应用字体属性(参见例如元素811)。图9A图示了在对被选元素的字体属性应用改变之前具有多项选择的网页的示例 性提供呈现。如图9A中所见，所提供的呈现900包括元素901、903和905 ；嵌套元素907 和909 ( S卩，元素907具有嵌套链接以及元素909具有嵌套列表)；和可视指示符911、913和 915。如图9A中所见，选择了元素905,907和909。图9B图示了工具本发明的一个或多个公开的、在一个接收字体属性已被应用于 图9A的被选元素并且随后被提供之后、图9A的网页的示例性所提供呈现。如图9B所示， 所提供的呈现900包括元素901、903、905、907和909以及可视指示符911,913和915。如 图9B中所示，已经根据指定“Comic Sans. ”的字体类型的接收到的字体属性修改和提供了 被选元素905、907和909。图9C图示了根据本公开的一个或多个方面的、在第二接收字体属性已被应用于 网页的已提供呈现之后具有多项选择的图9B的网页的示例性提供呈现。如图9C所示，所 提供的呈现900包括元素901、903、905、907和909以及可视指示符911和917。如图9C中 所示，与图9A和图9B中选择的那些相比，已选择不同的元素。在图9C中，在应用第二接收 字体属性之前已选择元素905和901。相应地，根据第二接收字体属性仅修改元素901和 905。因此，元素903保留其初始状态，如图9A所示，以及元素907和909保留图9B中图示 的状态。如图9C中所见，已经根据接收到的指定观的字体大小的字体属性修改和提供了被 选元素901和905。如图9C的元素905中所见，应用接收到的字体属性包括增加元素905 的大小。在一些实施例中，增加特定元素的大小可能使得所提供的呈现落回。根据本公开的各方面，用户可以利用预览字体来打印所提供的呈现。在一些实施 例中，用户界面200可以包括用于打印当前查看网页的控制(未示出)。在其它实施例中， 可以在分立的用户界面中提供用于打印的控制。例如，如上讨论的，浏览器可以包含在字体 管理应用程序中。在这些实施例中，可以在字体管理应用程序用户界面中提供用于打印的控制。在如此实施例中，用户可以通过选择控制字体管理应用程序用户界面(例如，通过在 字体管理应用程序UI的“文件”菜单中选择相应菜单项)来打印浏览器中正被预览的网页。根据本公开的各方面，修改后的元素可被输出到网页源代码。例如，修改后的元素 可以从本地存储的DOM输出到第二存储器作为网页源代码(例如HTML和/或CSS代码)的 一个或多个文件。在一些实施例中，所述输出可以根据所提供的呈现生成网页源代码的一 个或多个文件。在一些实施例中，所述输出可以将所提供的呈现合并成可被存储在第二存 储器中的网页源代码的一个或多个文件(例如合并修改后的元素)。在一些实施例中，第二 存储器可以包括在与浏览器中当前加载的网页相关联的URL正向因特网公开的网页文件。 在这些实施例中，所述输出进程可以将修改后的元素合并为正被公开的网页文件。在一些 实施例中，所述输出进程可以逐个继续修改后的元素并且建议改变用户必须接受(或者拒 绝)的网页源代码。在其它实施例中，可以自动进行所述输出进程。根据本公开的各方面，所述输出可以提供语法检查以便检查不同浏览器类型之间 的可能处理差异。在该语法检查期间，修改后的元素可被进一步修改为包含附加代码和/ 或固定当前代码以便补偿可能的处理差异。例如，第一浏览器类型可以处理与第二浏览器 类型不同的嵌套元素。因此，可以进行对嵌套元素的语法检查。一旦检测嵌套元素，就可以 修改/插入代码，因此元素可以在两个浏览器类型上一致地提供。在一些实施例中，所述输出可以包括CSS特异性(specificity)计算器。例如，CSS 特异性计算器可以通过处理包括一个或多个CSS规则的修改后元素和/或网页源代码以定 位需要修改的一个或多个CSS规则，来辅助输出处理，因此可以正常地输出修改后元素。又 例如，CSS特异性计算器可以通过处理包括一个或多个CSS规则的修改后元素和/或网页 源代码来辅助输出处理，并且向用户提供表示需要修改的一个或多个CSS规则的指示，因 此可以将修改后元素正常地输出为网页源代码。在这些实施例中，所述指示也可以向用户 提供建议修改一个或多个CSS规则，因此可以根据合适的字体样式和/或大小修改源代码。本文中记载的方法和特征可以进一步通过能够存储计算机可读指令的任何数量 的计算机可读介质来实现。可使用的计算机可读介质的示例包括RAM、R0M、EEPR0M(电可擦 除只读存储器)、闪存或其它存储技术、CD-R0M、DVD (数字多用途盘)或其它光盘存储器、盒 式磁带、磁带、磁存储器等。尽管已经描述并图示了本发明的特定实施例，但是应当理解本发明不限于此，因 为本领域的技术人员可以进行各种修改。本申请设想出落在本文中公开且要求保护的潜在 发明的精神和范畴内的任何及全部修改。
权利要求
1.一种或多种存储计算机可读指令的计算机可读介质，当所述计算机可读指令被执行 时，使得装置执行下列步骤在浏览器处接收网页；将所述网页的呈现存储到存储器，其中所述呈现不同于所述网页；在浏览器中提供所述网页的呈现；接收所述网页的呈现的一个或多个元素的选择；接收定义一个或多个字体属性值的输入，其中所述一个或多个字体属性值包括字体类 型和字体大小中的至少一个；根据接收到的一个或多个字体属性值修改所述网页的呈现的被选元素；和 在浏览器中提供使用修改后的被选元素的所述网页的呈现。
2.如权利要求1所述的一种或多种计算机可读介质，进一步使得装置执行下列步骤 响应于接收到的选择，在浏览器中在每个被选元素处提供可视指示符。
3.如权利要求2所述的一种或多种计算机可读介质，其中所述在每个被选元素处提供 可视指示符不会使得所提供的所述网页的呈现落回。
4.如权利要求1所述的一种或多种计算机可读介质，其中所述网页是公开网页。
5.如权利要求1所述的一种或多种计算机可读介质，进一步使得装置执行下列步骤 将修改后的被选元素输出到网页源代码；其中所述输出包括根据所述网页的呈现创建网页源代码的一个或多个文件和根据修 改后的被选元素修改网页源代码的一个或多个文件中的至少一个。
6.如权利要求1所述的一种或多种计算机可读介质，进一步使得装置执行下列步骤 打印所述网页的呈现，其中所打印的呈现包括修改后的被选元素。
7.如权利要求1所述的一种或多种计算机可读介质，其中所述接收到的一个或多个字 体属性通过与浏览器相关的用户界面控制来生成。
8.一种方法，包括通过计算机设备在浏览器处接收网页；将所述网页的呈现存储到存储器，其中所述呈现不同于所述网页；在浏览器中提供所述网页的呈现；接收所述网页的呈现的一个或多个元素的选择；接收定义一个或多个字体属性值的输入，其中所述一个或多个字体属性值包括字体类 型和字体大小中的至少一个；根据接收到的一个或多个字体属性值修改所述网页的呈现的被选元素；和 在浏览器中提供使用修改后的被选元素的所述网页的呈现。
9.如权利要求8所述的方法，进一步包括响应于接收到的选择，在浏览器中在每个被选元素处提供可视指示符。
10.如权利要求9所述的方法，其中所述在每个被选元素处提供可视指示符不会使得 所提供的所述网页的呈现落回。
11.如权利要求8所述的方法，其中所述网页是公开网页。
12.如权利要求8所述的方法，进一步包括 将修改后的被选元素输出到网页源代码；其中所述输出包括根据所述网页的呈现创建网页源代码的一个或多个文件和根据修 改后的被选元素修改网页源代码的一个或多个文件中的至少一个。
13.如权利要求8所述的方法，进一步包括打印所述网页的呈现，其中所打印的呈现包括修改后的被选元素。
14.如权利要求8所述的方法，其中所述接收到的一个或多个字体属性通过与浏览器 相关的用户界面控制来生成。
15.一种装置，包括 处理器；和存储器，操作地耦接到处理器，并且存储计算机可读指令，当所述计算机可读指令被执 行时，使得装置执行下列步骤 在浏览器处接收网页；将所述网页的呈现存储到存储器，其中所述呈现不同于所述网页；在浏览器中提供所述网页的呈现；接收所述网页的呈现的一个或多个元素的选择；接收定义一个或多个字体属性值的输入，其中所述一个或多个字体属性值包括字体类 型和字体大小中的至少一个；根据接收到的一个或多个字体属性值修改所述网页的呈现的被选元素；和 在浏览器中提供使用修改后的被选元素的所述网页的呈现。
16.如权利要求15所述的方法，进一步包括响应于接收到的选择，在浏览器中在每个被选元素处提供可视指示符。
17.如权利要求16所述的方法，其中所述在每个被选元素处提供可视指示符不会使得 所提供的所述网页的呈现落回。
18.如权利要求15所述的方法，其中所述网页是公开网页。
19.如权利要求15所述的方法，进一步包括 将修改后的被选元素输出到网页源代码；其中所述输出包括根据所述网页的呈现创建网页源代码的一个或多个文件和根据修 改后的被选元素修改网页源代码的一个或多个文件中的至少一个。
20.如权利要求15所述的方法，进一步包括打印所述网页的呈现，其中所打印的呈现包括修改后的被选元素。
全文摘要
本公开的各方面涉及一种在浏览器处加载并查看网页以预览字体而不改变网页的组成元素的系统和方法。根据本公开的一个或多个方面，所述系统可以包括用于查看网页和预览网页上的字体的浏览器。根据本公开的一个或多个方面，所述方法可以包括在浏览器处接收网页；将所述网页的呈现存储到存储器；提供所述网页的呈现；接收网页的一个或多个元素的选择；接收指定改变字体类型和/或字体大小的字体属性；和将所指定的字体属性应用于被选元素。
文档编号G06F17/30GK102142011SQ20101061187
公开日2011年8月3日 申请日期2010年12月29日 优先权日2010年1月29日
发明者布鲁斯.Q.哈蒙德, 查德利.R.斯雷特, 达文.克鲁茨 申请人:埃克斯坦西斯股份有限公司