Application of a system font mapping to a design

• US 9,727,537 B2
• Filed: 03/24/2014
• Issued: 08/08/2017
• Est. Priority Date: 03/13/2013
• Status: Active Grant

• Current Assignee: Axure Software Solutions Incorporated
• Original Assignee: Axure Software Solutions Incorporated
• Inventors: Hsu, Victor, Smith, Martin, Gardner, Ian
• Primary Examiner(s): Tran, Quoc A
• Application Number:
  US14/223,956
• Publication Number:
  US 20140281922A1
• Time in Patent Office: 1,233 Days
• Field of Search: 715234-236, 715202
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents
• CPC Class Codes: G06F 40/103 Formatting, i.e. changing of presentation of documents automatic justification G06F40/189; automatic line break hyphenation G06F40/191
• CPC Class Codes: G06F 40/106 Display of layout of documents; Previewing
• CPC Class Codes: G06F 40/109 Font handling; Temporal or kinetic typography
• CPC Class Codes: G06F 40/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
• CPC Class Codes: G06F 40/154 Tree transformation for tree-structured or markup documents, e.g. XSLT, XSL-FO or stylesheets

Abstract

Embodiments of the present invention provide for the efficient application of a system font mapping to a design. Specific embodiments of the invention involve creating a design environment for a user that is configured to display a design. The design environment allows a user to apply a design font to text in the design. The user is also allowed to define a mapping from the design font to a target font. These embodiments also include generating a markup language representation of the design and applying the mapping to the design. The text is linked to the design font using an encoding prior to the generating step, and the text is linked to fonts in the markup language representation using a different encoding.

Claims

1. A method, in which each step is executed by a computer,

comprising:

creating a design environment for a user, wherein said design environment;

(i) displays an editable representation of a design from a first encoding of the design inside the design environment; and

(ii) allows said user to apply a design font to a portion of text in said design;

accepting a mapping from said user, wherein said mapping maps said design font to a set of target fonts;

generating a markup language representation of said design; and

applying said mapping to said design, at least in part, by generating a script to modify an object model of said design after said object model has been instantiated, and said object model of said design is instantiated after said applying step;

wherein;

said portion of text in said design is not displayed using said target font while said design is edited in said design environment;

said portion of text in said markup language representation is displayed using said target font while said design is rendered outside of said design environment in an external player or inside said design environment in a virtual external player instantiated within said design environment;

said first encoding links said design font to said portion of text in said editable representation of said design;

a second encoding exported from the design environment links said set of target fonts to said portion of text in said markup language representation of said design; and

said first encoding and said second encoding are different encodings.

2. The method of claim 1, further comprising:

rendering said design in a browser using said markup language representation of said design;

wherein;

said browser selects a particular font from said set of target fonts to render said portion of text; and

said particular font is not said design font.

3. The method of claim 1, wherein:

said set of target fonts include a web font associated with a web font pointer provided by a third party; and

said mapping is applied when said web font pointer is utilized.

4. The method of claim 3, wherein said web font pointer utilizes an @font-face definition for a cascading style sheet.

5. The method of claim 1, wherein said second encoding is a markup language encoding.

6. A non-transitory computer-readable medium storing instructions for executing a computer-implemented method, said computer-implemented method comprising:

creating a design environment for a user, wherein said design environment;

(i) displays an editable representation of a design from a first encoding of the design inside the design environment; and

(ii) allows said user to apply a design font to a portion of text in said design;

accepting a mapping from said user, wherein said mapping maps said design font to a set of target fonts;

generating a markup language representation of said design; and

applying said mapping to said design, at least in part, by generating a script to modify an object model of said design after said object model has been instantiated, and said object model of said design is instantiated after said applying step;

wherein;

said portion of text in said design is not displayed using said target font while said design is edited in said design environment;

said portion of text in said markup language representation is displayed using said target font while said design is rendered outside of said design environment in an external player or inside said design environment in a virtual external player instantiated within said design environment;

said first encoding links said design font to said portion of text in said editable representation of said design;

a second encoding exported from the design environment links said set of target fonts to said portion of text in said markup language representation of said design; and

said first encoding and said second encoding are different encodings.

7. The non-transitory computer-readable medium of claim 6,

wherein said computer-implemented method further comprises:

rendering said design in a browser using said markup language representation of said design;

wherein;

said browser selects a particular font from said set of target fonts to render said portion of text; and

said particular font is not said design font.

8. The non-transitory computer-readable medium of claim 6,

wherein:

said set of target fonts include a web font associated with a web font pointer provided by a third party; and

said mapping is applied when said web font pointer is utilized.

9. The non-transitory computer-readable medium of claim 8, wherein said web font pointer utilizes an @font-face definition for a cascading style sheet.

10. The non-transitory computer-readable medium of claim 6, wherein said second encoding is a markup language encoding.

11. A system comprising:

a memory storing instructions; and

at least one processor coupled to the memory and configured to execute the instructions;

wherein the instructions, when executed by the at least one processor, cause the at least one processor to execute a method comprising;

creating a design environment for a user, wherein said design environment;

(i) displays an editable representation of a design from a first encoding of the design inside the design environment; and

(ii) allows said user to apply a design font to a portion of text in said design;

accepting a mapping from said user, wherein said mapping maps said design font to a set of target fonts;

generating a markup language representation of said design; and

applying said mapping to said design, at least in part, by generating a script to modify an object model of said design after said object model has been instantiated, and said object model of said design is instantiated after said applying step;

wherein;

said portion of text in said design is not displayed using said target font while said design is edited in said design environment;

said portion of text in said markup language representation is displayed using said target font while said design is rendered outside of said design environment in an external player or inside said design environment in a virtual external player instantiated within said design environment;

said first encoding links said design font to said portion of text in said editable representation of said design;

a second encoding exported from the design environment links said set of target fonts to said portion of text in said markup language representation of said design; and

said first encoding and said second encoding are different encodings.

12. The system of claim 11, wherein said method further comprises:

rendering said design in a browser using said markup language representation of said design;

wherein;

said browser selects a particular font from said set of target fonts to render said portion of text; and

said particular font is not said design font.

13. The system of claim 11, wherein:

said set of target fonts include a web font associated with a web font pointer provided by a third party; and

said mapping is applied when said web font pointer is utilized.

14. The system of claim 13, wherein said web font pointer utilizes an @font-face definition for a cascading style sheet.

15. The system of claim 11, wherein said second encoding is a markup language encoding.