[go: up one dir, main page]

WO2025083686A1 - Computer-implemented methods for creating, managing and displaying personalized fonts, and systems thereof - Google Patents

Computer-implemented methods for creating, managing and displaying personalized fonts, and systems thereof Download PDF

Info

Publication number
WO2025083686A1
WO2025083686A1 PCT/IL2024/051008 IL2024051008W WO2025083686A1 WO 2025083686 A1 WO2025083686 A1 WO 2025083686A1 IL 2024051008 W IL2024051008 W IL 2024051008W WO 2025083686 A1 WO2025083686 A1 WO 2025083686A1
Authority
WO
WIPO (PCT)
Prior art keywords
font
user
letters
design
format
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
Application number
PCT/IL2024/051008
Other languages
French (fr)
Inventor
Boaz NACHSHON
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Nuar Technology Ltd
Original Assignee
Nuar Technology Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Nuar Technology Ltd filed Critical Nuar Technology Ltd
Publication of WO2025083686A1 publication Critical patent/WO2025083686A1/en
Pending legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/109Font handling; Temporal or kinetic typography
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/12Use of codes for handling textual entities
    • G06F40/14Tree-structured documents
    • G06F40/143Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]

Definitions

  • the present invention concerns methods and systems for creating, editing, managing, storing, distributing and/or rendering personalized fonts on a client-server architecture. More particularly, the present invention provides methods and systems thereof for automatically creating new fonts, which may serve a wide array of functions.
  • Text-based applications generally share common limitations. Most text-editors feature basic styles, such as size and underlining. Font choices provide visual variety, but are usually limited to the restricted set of fonts installed on the computer device or software. Personalization with new or unfamiliar fonts, although desirable, are often limited. This is partly owing to the complexity of current font creation and distribution tools. Personalized fonts are usually not accessible to the majority of casual users, thus forcing them to rely on existing sets of standard fonts.
  • Font design software also presents some limitations, as it is usually a time-consuming manual process in which a designer creates a unique font.
  • the visual characteristics of the font have to be designed and set manually for each character, text block or paragraph.
  • it is problematic to distribute and apply it. A consequence is that most businesses, printing companies, educational organizations, advertisement agencies and designers, both amateur and professional, only use the very limited number of standard fonts that are installed in most computers and devices.
  • the standard fonts typically lack a default color and are restricted to a narrow set of visual characteristics.
  • OpenType Font which allows for multicolored fonts. These fonts can incorporate multiple colors within a single letter, creating a new design dimension.
  • OTF OpenType Font
  • OTF fonts are limited to Scalable Vector Graphics (SVG) design, which restricts the use of more advanced design elements such as images, Graphics Interchange Formats (GIFs), animations, and video. This limitation forces designers to resort to manual drawing instead of using pre-designed images, significantly increasing the time and effort required; 3) Designing text as an image: Another option is to design text as an image in software like Photoshop, combining all the elements (images, GIFs, etc.). However, this method makes it impossible to edit the text afterward, and any required changes would necessitate starting the design process from scratch.
  • SVG Scalable Vector Graphics
  • Converting fonts to images sacrifices the quality, particularly when resizing, as vector fonts retain high resolution, whereas image fonts can become pixelated.
  • Al is revolutionizing many areas of design, the font industry has yet to fully benefit from Al advancements.
  • a tool leveraging Al could simplify the process of creating multicolored and complex fonts, making it accessible to both professionals and amateurs.
  • Al tools may assist in providing customized fonts to meet the needs of disabled population groups, such as those visually impaired.
  • font design has evolved with the introduction of OTF fonts, which allow for the use of multiple colors within a single letter.
  • current font technologies remain limited in several ways: 1) Eimited design capabilities: OTF fonts, while allowing for multicolored designs, are restricted to vector -based graphics (SVG), preventing the inclusion of richer elements such as images, GIFs, and animations; 2) Technical barriers: Creating custom OTF fonts requires specialized expertise in typography and design, making the process time-consuming and inaccessible to non-experts.
  • None of current existing techniques provide a convenient method for creating and sharing new original fonts, for example in email messages sent to recipients.
  • creation and use of a new font can only be performed in a time-consuming manual process, and on professional software programs.
  • the creation and the application of new original fonts are usually performed with two different software programs, which often produce a different result.
  • Such difficulties may be manifested when reading in either an electronic reading device (i.e., an e-reader) or hard copy print. Consequently, the reader may miss a portion of the text (e.g., skip to a word or line later in the text), repeat a portion of the text (e.g., skip to a word or line earlier in the text), or search for a word of interest, ultimately prolonging the reading session and making it unpleasant.
  • Various technologies and techniques attempt to improve text readability, typically via audio or visual aids. Yet, none of the aforementioned attempts disclose a method to provide a user with automatically-generated new font which is personalized and conformed to specific needs regarding reading difficulties.
  • ADHD attention deficit hyperactivity disorder
  • the present invention provides computer-implemented methods and systems to automatically create, edit, and design new personalized fonts.
  • the new personalized fonts may dynamically incorporate a wide range of visual characteristics, such as color of a letter or around a letter, distribution of colors within a letter, angle, shading, edges or addition of fixed shapes or images in different colors and sizes that can be applied to different letters.
  • the present invention may be implemented in a programmed application (app), thereby enabling a platform for creating, managing and displaying personalized fonts in a wide range of languages.
  • the platform may serve businesses, printing companies, educational organizations, advertisement agencies and designers, both amateur and professional, to easily create and apply new original fonts.
  • the present invention further provides methods and systems in which a presented font in a mobile computing device app may be manipulated to enhance concentration and engagement of individuals with reading difficulties.
  • a presented font in a mobile computing device app may be manipulated to enhance concentration and engagement of individuals with reading difficulties.
  • a presented font in a mobile computing device app may be manipulated to enhance concentration and engagement of individuals with reading difficulties.
  • ADD attention deficit disorder
  • ADHD attention deficit hyperactivity disorder
  • the manipulated new font is novel and complex, thus providing continuous stimulus and leading the reader to focus and engage longer with the reading material.
  • the present invention manipulates font to become more complex and challenging, thereby compelling more focus and engagement from readers.
  • manipulated new font is frequently replaced with a different new font. Also, it offers long-term accessibility optimization for the reader based on machine learning operations.
  • a computer -implemented method of creating new font comprising steps of: a. converting TrueType font (TTF) or any font type 14 to an image format in a one-time run using Python or another high-level general -purpose programming language 16; b. manipulating selected visual characteristics of the generated image comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 18; c. pairing the manipulated image 20 with the TrueType font or any font type to create a new font using FontLab software, or any font editor, or Python code, or another high-level general-purpose programming language 22;
  • the method above is provided, wherein the new font can be implemented to one or more letters in the language of interest.
  • the method as defined in any of above is provided, wherein the new font is stored in GitHub or another a high-level cloud-based storage platform 24.
  • the method as defined in any of above is provided, wherein the new font can be implemented in a software application (app).
  • a computer -implemented system for creating new font comprising: a. a processor 10; b. a memory 12 including instructions that when executed by the processor 10, configure the processor 10 to: i. convert TrueType font (TTF) or any font type 14 to an image format in a one-time run using Python or another high-level general-purpose programming language 16; ii. manipulate selected visual characteristics of the generated image comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 18; iii.
  • TTF TrueType font
  • any font type 14 to an image format in a one-time run using Python or another high-level general-purpose programming language 16
  • ii. manipulate selected visual characteristics of the generated image comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 18
  • a method of creating new font in a software application (app) in a client-server mode comprising the computer-implemented steps of: a. providing a user mobile computing device app 26, in Android, iOS, browser extension, or any component that renders web content, and communicating with a server 202 configured for: i. converting TrueType font (TTF) or any font type 27 to an image format in a one-time run using Python or another high-level general-purpose programming language 38; ii.
  • GUI graphical user interface
  • the method above is provided, wherein the new font can be implemented to one or more letters in the language of interest.
  • a system for creating new font in a software application in a client-server mode comprising: a. a processor 34 b. a memory 36 including instructions that when executed by the processor 34, configure the processor 34 to i. receive user input comprising TrueType font (TTF) or any font type 27; ii. convert the TrueType font (TTF) or any font type 27 to an image format in a onetime run using Python or another high-level general-purpose programming language 38; iii. manipulate selected visual characteristics of the generated image comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 40; iv.
  • TTF TrueType font
  • TTF TrueType font
  • Python high-level general-purpose programming language
  • GUI graphical user interface
  • APIs application programming interfaces
  • a database 30 comprising user data 72, text data 74 and files 76.
  • a method of manipulating font in a software application (app) in a client-server mode comprising the computer-implemented steps of: a. providing a user mobile computing device app 26, in Android, iOS, browser extension, or any component that renders web content, and communicating with a server 28 configured for uploading user input comprising a text 29, or a text file 31, or an image 33; b. sending the user input to an Application Programming Interface (API) in Node.js, or any other server language in the server 39; c.
  • API Application Programming Interface
  • processing the user input concerning the user 26 comprising two steps; in the first step, converting the text file or the image to a text using API in Node.js or another high-level general-purpose programming language 39; in the second step, converting the text to a HyperText Markup Language (HTML) format 41, then displaying the HTML format in a new font 43; the HTML format may be converted to PDF format; d. delivering the new font 45 to the graphical user interface (GUI) of the mobile computing device app 26 in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content; e. providing user data concerning user experience (Ux) to an external updatable database 30 comprising user data 72, text data 74 and files 76; the user data concerning user preferences of the new fonts; f. implementing the user preferences to optimize the Ux for the user.
  • GUI graphical user interface
  • the method above is provided, wherein the manipulated font can be implemented to one or more letters in the language of interest.
  • the method as defined in any of above wherein the user has chronic concentration difficulties such as attention deficit disorder (ADD) or attention deficit hyperactivity disorder (ADHD).
  • ADD attention deficit disorder
  • ADHD attention deficit hyperactivity disorder
  • the method as defined in any of above is provided, wherein the user has temporary concentration difficulties related to environmental or medical conditions.
  • the method as defined in any of above is provided, wherein the new font is replaced with different new font at each the uploading of user input.
  • the method as defined in any of above is provided, wherein the user has dyslexia disorder.
  • the method as defined in any of above is provided, wherein the user has memory impairment and forgetfulness. In another aspect of the invention, the method as defined in any of above is provided, wherein the user has visual impairment.
  • the method as defined in any of above wherein the user input is a text 29, the text comprising lines, the lines comprising words, the words comprising letters.
  • the method as defined in any of above is provided, wherein the user input is a text file 31, the text file comprising text, the text comprising lines, the lines comprising words, the words comprising letters.
  • the method as defined in any of above is provided, wherein the user input is an image 33.
  • the method as defined in any of above is provided, wherein the user input is a scan or photocopy of a hard copy print in text or image format.
  • the method as defined in any of above is provided, wherein the HTML format is set in a new font obtained from the cloud-based storage platform 24 of claim 3.
  • the method as defined in any of above is provided, wherein the user data comprising user engagement metrics based on reading frequency, reading duration, scrolling frequency, eye movement and mobile computing device movement.
  • the method as defined in any of above is provided, wherein the Ux is personalized according to customized readability criteria preferences for the user; the Ux comprising operation of a plurality of display parameters as determined from processed outputs of previous user interactions; the previous interactions comprise user data.
  • a system for manipulating font in a software application in a client-server mode comprising: a. a processor 34 b. a memory 36 including instructions that when executed by the processor 34, configure the processor 34 to: i. receive user input comprising a text 29, or a text file 31, or an image 33; ii.
  • HTML HyperText Markup Language
  • the HTML format may be converted to PDF format; iii. deliver the new font 45 to the graphical user interface (GUI) of the mobile computing device app 26 in in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content; iv.
  • GUI graphical user interface
  • APIs application programming interfaces
  • a database 30 comprising user data 72, text data 74 and files 76.
  • the system as defined in any of above is provided, wherein the user 80 can be non-registered 82 with limited access to the system.
  • the system as defined in any of above is provided, further comprising a registration module 48 for registering the user 80; the registration 86 a process wherein the user 80 creates the user account with user login credentials by providing necessary information; the necessary information including username and password.
  • the system as defined in any of above is provided, further comprising an identity module 56 for creating a user profile by combining the username, the password, selected information, and a system generated attribute; the user profile is part of the user account stored in the database 30.
  • the system as defined in any of above is provided, further comprising an identity module 56 for creating a user accessibility profile by combining the username, the password, selected information, and a system generated attribute; the user accessibility profile is part of the user account stored in the database 30.
  • the system as defined in any of above is provided, further comprising an authentication module 50 for authenticating the user account; the authentication 88 verifying the user login credentials with the username and the password.
  • system as defined in any of above is provided, further comprising an authorization module 52 for authorizing the user account; the authorization permitting access levels based on the user login credentials.
  • the system as defined in any of above is provided, further comprising a subscription module 54 for subscribing the user; the subscription 90 a process wherein registered users can subscribe the user account; the subscription enables the user to receive notifications, emails, SMSs, recommendations for reading material and newsletters.
  • the identity module 56 provides functionality for the user to update the user login credentials.
  • the identity module 56 identifies the user login credentials through the database 30 and determines the user account type; the account types comprising of registered and subscribed accounts.
  • system as defined in any of above is provided, wherein the system responds according to the user accessibility profile and the account type, triggering an event that is selectively based on the user accessibility profile and the account type, providing a service or resource based on the user accessibility profile and the account type.
  • the system as defined in any of above wherein the user 80 having used the system for the first time, and having registered thereof, is considered a registered user; the registered user necessarily has unique the accessibility profile and the account type; the system transforms the user input to conform with the needs of the user associated with the selected the user account in the database 30.
  • the system as defined in any of above is provided, further comprising a settings module 58 for adjusting the size of the new font; the settings comprising a range of text sizes.
  • system as defined in any of above is provided, further comprising a storage module 78 for storing the user data 72 related to the Ux preferences of the user account in the database 30.
  • the system as defined in any of above is provided, wherein the user data 72 is securely and efficiently stored in the database 30, while allowing retrieval as needed.
  • the system as defined in any of above wherein content generated, interacted with, or edited in association with the user account is stored in the database 30 or other storage types; the other storage types comprise external computing services 32; the external computing services for storage can be a directory service 94, a web portal 96, a mailbox service 98, an instant messaging store 101, or a social network 103.
  • the system as defined in any of above is provided, further comprising an analytics data collection module 64 for collecting the user data concerning the user engagement metrics, interactions, usage patterns, and app performance.
  • system as defined in any of above is provided, further comprising an analytics data analysis module 66 for processing and analyzing the user data to extract insights concerning the user.
  • the system as defined in any of above wherein the Ux is improved over time by the machine learning module 60 based on the user data 72; the improvement comprised of personalizing content, optimizing performance, enhancing security, and providing feedback.
  • the system as defined in any of above is provided, further comprising a push notification module 68 for pushing real-time notifications to the user based on triggered events or the user preferences.
  • system as defined in any of above is provided, further comprising a social interaction module 70 for facilitating social interaction between the user and community forums, collaborations and chat functionality.
  • a system for creating a personalized font according to user needs using limited memory artificial intelligence (Al), comprising: a. an input/output (I/O) interface; b. one or more databases comprising images, videos, Graphics Interchange Formats (GIFs) and fonts; c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of the one or more tangible storage mediums for execution by at least one of the one or more processors via at least one of the one or more memories, wherein the system is configured to:
  • IAI bot interview Al
  • the IAI bot configured to ask the user a predefined set of questions for defining user needs; the user needs related to chronic concentration difficulties, dyslexia, memory impairment, forgetfulness, visual impairment, or any other temporary or chronic disability;
  • IDUP interactive digital user profile
  • the system above is provided, wherein the user has chronic concentration difficulties such as attention deficit disorder (ADD) or attention deficit hyperactivity disorder (ADHD).
  • ADD attention deficit disorder
  • ADHD attention deficit hyperactivity disorder
  • the system as defined in any of above is provided, wherein the user has temporary concentration difficulties related to environmental or medical conditions.
  • the system as defined in any of above is provided, wherein the user has dyslexia disorder.
  • the system as defined in any of above is provided, wherein the user has memory impairment and forgetfulness.
  • the system as defined in any of above is provided, wherein the user has visual impairment.
  • the system as defined in any of above is provided, wherein the Al bot performs a vision test during the video interview to determine the user needs of a visually impaired user.
  • a method of creating a personalized font according to user needs using limited memory artificial intelligence (Al), comprising steps of: a. obtaining the system provided above; b. connecting a user to the system; c. commencing a user session; d. collecting user data, by an Interview Al (IAI) bot, from a video interview; the IAI bot configured to ask the user a predefined set of questions for defining user needs; the user needs related to chronic concentration difficulties, dyslexia, memory impairment, forgetfulness, visual impairment, or any other temporary or chronic disability; e. using one or more machine learning (ML) algorithms to infer user needs from the user data; f.
  • IAI Interview Al
  • ML machine learning
  • an interactive digital user profile by a digital user profile module, of the user based on the user needs; g. selecting a user persona from a set of predetermined user personas that most closely associates with user needs of the IDUP based on the derived user data; h. computing one or more matching fonts to meet user needs by using one or more ML algorithms; i. ranking the one or more matching fonts according to matching percentage; the percentage based on matching score of the IDUP and user needs; j. automatically generating the one or more matching fonts by performing steps of: i. converting a text file or an image to a text using Python or another high-level general-purpose programming language; ii.
  • HTML HyperText Markup Language
  • displaying the HTML format as a new font according to the user needs the HTML format may be converted to PDF format; iv. delivering the new font to the graphical user interface (GUI) of the mobile computing device app in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content.
  • GUI graphical user interface
  • a system for creating a personalized font according to user needs using limited memory artificial intelligence (Al), comprising: a. an input/output (I/O) interface; b. one or more databases images, videos, Graphics Interchange Formats (GIFs) and fonts; d. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of the one or more tangible storage mediums for execution by at least one of the one or more processors via at least one of the one or more memories, wherein the system is configured to:
  • IAI bot interview Al
  • the IAI bot configured to ask the user a predefined set of questions for defining user needs; the user needs related to chronic concentration difficulties, dyslexia, memory impairment, forgetfulness, visual impairment, or any other temporary or chronic disability;
  • IDUP interactive digital user profile
  • TTF TrueType font
  • FB font builder
  • GIF Graphics Interchange Format
  • the system above wherein the generation of the one or more matching fonts to meet user needs performed by steps of: a. providing a TrueType font (TTF) or any font type in a font builder (FB); b. adding content to the selected letters using a three-layer selector (TLS) on top, middle and bottom layers of the selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, or video; c. applying the added content to to the TTF or any font type; d. converting the top, middle and bottom layers to a scalable vector graphics (SVG) format; e.
  • TTF TrueType font
  • FB font builder
  • TLS three-layer selector
  • SVG scalable vector graphics
  • OT OpenType
  • the personalized font comprises a software development kit (SDK) file for app software.
  • SDK software development kit
  • a method of creating a personalized font according to user needs using limited memory artificial intelligence (Al), comprising steps of: a. obtaining the system provided above; b. connecting a user to the system; c. commencing a user session; d. collecting user data, by an Interview Al (IAI) bot, from a video interview; the IAI bot configured to ask the user a predefined set of questions for defining user needs; the user needs related to chronic concentration difficulties, dyslexia, memory impairment, forgetfulness, visual impairment, or any other temporary or chronic disability; e. using one or more machine learning (ML) algorithms to infer user needs from the user data; f.
  • IAI Interview Al
  • ML machine learning
  • an interactive digital user profile by a digital user profile module, of the user based on the user needs; g. selecting a user persona from a set of predetermined user personas that most closely associates with user needs of the IDUP based on the derived user data; k. computing one or more matching fonts to meet user needs by using one or more ML algorithms; l. ranking the one or more matching fonts according to matching percentage; the percentage based on matching score of the IDUP and user needs; m. automatically generating the one or more matching fonts by performing steps of: i. providing a TrueType font (TTF) or any font type in a font builder (FB); ii.
  • TTF TrueType font
  • FB font builder
  • TLS three-layer selector
  • GIF Graphics Interchange Format
  • the method above wherein the generation of the one or more matching fonts to meet user needs performed by steps of: a. providing a TrueType font (TTF) or any font type in a font builder (FB); b. adding content to the selected letters using a three-layer selector (TLS) on top, middle and bottom layers of the selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, or video; c. applying the added content to to the TTF or any font type; d. converting the top, middle and bottom layers to a scalable vector graphics (SVG) format; e.
  • TTF TrueType font
  • FB font builder
  • TLS three-layer selector
  • OT OpenType
  • the personalized font comprises a software development kit (SDK) file for app software.
  • SDK software development kit
  • a system for editing font in a software application comprising: a. an input/output (I/O) interface; b. one or more databases comprising font formats, user data, text data, images, videos, and Graphics Interchange Formats (GIFs); c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of the one or more tangible storage mediums for execution by at least one of the one or more processors via at least one of the one or more memories, wherein the system is configured to: a.
  • GIF Graphics Interchange Format
  • TTF TrueType font
  • FB font builder
  • GTF TrueType font
  • FB font builder
  • select letters for editing may comprise all letters, a block of letters or specific letters
  • c. add content to the selected letters using a three-layer selector (TLS) on top, middle and bottom layers of the selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, video or Graphics Interchange Format (GIF) that can be applied to different letters or video
  • TLS three-layer selector
  • GIF Graphics Interchange Format
  • HTML HyperText Markup Language
  • the system above is provided, wherein the TTF or any font type is received from the one or more databases or an external source.
  • the system as defined in any of above is provided, wherein the new font is applied as a plug-in or web extension.
  • the system as defined in any of above is provided, wherein the new font is applied in a website building platform.
  • the system as defined in any of above wherein the export further comprises TrueType font (TTF), OpenType font (OTF) or any font type.
  • TTF TrueType font
  • OTF OpenType font
  • the system as defined in any of above wherein the new font comprises a software development kit (SDK) file for app software.
  • SDK software development kit
  • a method of editing font in a software application comprising steps of: a. obtaining the system provided above; b. receiving an image, video, Graphics Interchange Format (GIF), or TrueType font (TTF) or any font type in a font builder (FB); c. selecting letters for editing; the selection may comprise all letters, a block of letters or specific letters; d.
  • GIF Graphics Interchange Format
  • TTF TrueType font
  • FB font builder
  • TLS three-layer selector
  • GIF Graphics Interchange Format
  • TLS three-layer selector
  • GIF Graphics Interchange Format
  • a system for creating a new font in a software application comprising: a. an input/output (I/O) interface; b. one or more databases comprising font formats, user data, text data, images, videos, and Graphics Interchange Formats (GIFs); c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of the one or more tangible storage mediums for execution by at least one of the one or more processors via at least one of the one or more memories, wherein the system is configured to:
  • TLS three-layer selector
  • GIF Graphics Interchange Format
  • HTML HyperText Markup Language
  • a method of creating a new font in a software application comprising steps of: a. obtaining the system provided above; b. receiving a word or text -of interest and an image, video, Graphics Interchange Format (GIF), or TrueType font (TTF) or any font type in a font builder (FB); c. selecting letters from the word or text-of-interest for editing; the selection may comprise all letters, a block of letters or specific letters; d.
  • GIF Graphics Interchange Format
  • TTF TrueType font
  • FB font builder
  • TLS three-layer selector
  • GIF Graphics Interchange Format
  • a system for editing font in a software application comprising: a. an input/output (I/O) interface; b. one or more databases comprising font formats, user data, text data, images, videos, and Graphics Interchange Formats (GIFs); c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of the one or more tangible storage mediums for execution by at least one of the one or more processors via at least one of the one or more memories, wherein the system is configured to:
  • the selection may comprise all letters, a block of letters or specific letters;
  • TLS three-layer selector
  • the system above is provided, wherein the font is defined as a customized font file.
  • the system as defined in any of above is provided, wherein the added content to the customized font file is a Graphics Interchange Format (GIF) animation.
  • GIF Graphics Interchange Format
  • a method of editing font in a software application comprising steps of: a. obtaining the system provided above; b. receiving an image, video, Graphics Interchange Format (GIF), or TrueType font (TTF) or any font type in a font builder (FB); c. selecting letters for editing; the selection may comprise all letters, a block of letters or specific letters; d. adding content to the selected letters using a three-layer selector (TLS) on top, middle and bottom layers of the selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, or video; e.
  • GIF Graphics Interchange Format
  • TTF TrueType font
  • FB font builder
  • a system for designing font in a software application comprising: a. an input/output (I/O) interface; b. one or more databases comprising font formats, user data, text data, images, videos, and Graphics Interchange Formats (GIFs); c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv.
  • I/O input/output
  • GIFs Graphics Interchange Formats
  • a font of interest as an OT-SVG, SDK or plurality of files comprising JavaScript (JS), Cascading Style Sheets (CSS), and image or video or Graphics Interchange Format (GIF) files in a font builder (FB);
  • JS JavaScript
  • CSS Cascading Style Sheets
  • GIF Graphics Interchange Format
  • the platform of interest is a social media platform, instant messaging (IM) service, or voice -over-IP (VoIP) service.
  • IM instant messaging
  • VoIP voice -over-IP
  • the system as defined in any of above wherein the font of interest with added background content is applied as an advertisement, a message, a notice, or a post.
  • a method of designing font in a software application comprising steps of: a. obtaining the system provided above; b. receiving a font of interest as an OT-SVG, SDK or plurality of files comprising JavaScript (JS), Cascading Style Sheets (CSS), and image or video or Graphics Interchange Format (GIF) files in a font builder (FB); c. displaying the font of interest on the interface; d. adding content to the background of the font of interest comprising fixed shapes, images in different colors and sizes, video or GIFs; e. applying the added background content to the font of interest; f. displaying the font of interest with added background content; g. exporting the font of interest with added background content according to predefined settings as an image, video or Graphics Interchange Format (GIF) files; and h. uploading the font of interest with added background content to a platform or app of interest.
  • JS JavaScript
  • CSS Cascading Style Sheets
  • GIF Graphics Interchange Format
  • a system for integrating two or more Graphics Interchange Formats comprising: a. an input/output (I/O) interface; b. one or more databases comprising font formats, user data, text data, images, videos, and Graphics Interchange Formats (GIFs); c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of the one or more tangible storage mediums for execution by at least one of the one or more processors via at least one of the one or more memories, wherein the system is configured to:
  • the key parameters comprising cumulative frame timing, disposal method, canvas dimensions (width and height), position (x, y), rotation (in degrees), number of frames, and delay for each frame;
  • the raster or vector images comprise Joint Photographic Experts Group (JPEG), Portable Network Graphics (PNG), or Scalable Vector Graphics (SVG).
  • JPEG Joint Photographic Experts Group
  • PNG Portable Network Graphics
  • SVG Scalable Vector Graphics
  • a method of integrating two or more Graphics Interchange Formats comprising steps of: a. obtaining the system provided above; b. receiving user input comprising two or more GIFs; c. detecting key parameters from each GIF ; the key parameters comprising cumulative frame timing, disposal method, canvas dimensions (width and height), position (x, y), rotation (in degrees), number of frames, and delay for each frame; d. combining all frames from the two or more GIFs intermittently into a single frame stack; e. ensuring all frames from the two or more GIFs single frame stack alternate in the correct sequence with desired timing and the detected key parameters; f. if frames use disposal method, then clearing previous frames to preserve the intended animation properties; g. cloning raster and vector images into the all frames to appear static; h. encoding the single frame stack into a single, combined GIF image; i. displaying the combined GIF image; and j. exporting the combined GIF image.
  • GIFs Graphics Interchange Formats
  • a design adaptation system for modifying design elements based on a selected font from a font database, comprising: a. a font identification module configured to identify structural characteristics of the selected font, including stroke width, curve shape, and unique design elements; b. an adjustment module operable to automatically modify design elements based on the identified structural characteristics, including: i. a proportional scaling component for adjusting the size and spacing of the design elements to align with the proportions of the selected font; ii. a stylistic alignment component to ensure that additional design features complement the inherent style of the selected font; iii. a structural integrity component for maintaining the original character and readability of the selected font; c. a user customization interface that provides tools for further modification of design elements while adhering to the structural requirements of the selected font; and d. a consistency and compatibility module that ensures all adapted designs remain consistent and compatible with various font structures in the font database.
  • a computer-implemented method for adapting design elements to a selected font from a font database comprising steps of: a. identifying structural characteristics of the selected font, including stroke width, curve shape, and unique design elements; b. automatically adjusting design elements based on the identified structural characteristics, including: i. proportional scaling of size and spacing of the design elements to align with the proportions of the selected font; ii. stylistic alignment of additional design features to complement the inherent style of the selected font; iii. maintaining structural integrity of the selected font to preserve its original character and readability; c. providing user customization tools that allow further modification of design elements while adhering to the structural requirements of the selected font; and d. ensuring consistency and compatibility of all adapted designs with the various font structures in the font database.
  • a font restoration and enhancement system comprising: a. a disassembly module configured to break down a font into its basic components, including letters, symbols, and spacing; b. a redesign module operable to adjust the shapes, refine the colors, and enhance the geometries of the disassembled font components; c. a restoration module designed to recover lost data from the disassembly process, including: i. a mechanism for defining appropriate letter spacing to ensure readability; ii. a mechanism for establishing consistent word spacing; and iii. a mechanism for ensuring proper line breaks to prevent word splitting when transitioning to a new line; and d. a data retrieval module configured to maintain consistent data throughout the restoration process, ensuring adherence to accepted standards in font design.
  • a computer-implemented method for restoring and enhancing fonts comprising steps of: a. disassembling a font into its basic components, including letters, symbols, and spacing; b. redesigning the disassembled font components by adjusting shapes, refining colors, and enhancing geometries of the letters and symbols; c. restoring lost data from the disassembly process, including: i. defining appropriate letter spacing to ensure readability; ii. establishing consistent word spacing; and iii. ensuring proper line breaks to prevent word splitting when transitioning to a new line; and d. retrieving and maintaining consistent data throughout the restoration process to ensure adherence to accepted standards in font design.
  • a dynamic font adaptation system for a website, comprising: a. a text analysis module configured to utilize Natural Language Processing (NLP) for identifying contextual keywords and predefined categories from user -generated text; b. a machine learning module that learns from user interactions to enhance font design recommendations over time; c. a design selection module that chooses design elements from a built-in set of tools based on the analysis of the text, wherein the design elements include color matching, shape processing, and multimedia integration; d. an API interface for embedding the dynamic font into the client’s website, facilitating realtime communication between the client’s servers and a central font server; and e. a real-time monitoring component that continuously tracks changes in the text input and automatically updates the font design to ensure contextual relevance with the latest content.
  • NLP Natural Language Processing
  • a computer-implemented method for dynamically adapting font design on a website based on user-generated text comprising steps of: a. analyzing the text input using Natural Language Processing (NLP) to identify contextual keywords and predefined categories associated with the text; b. leveraging a machine learning module to learn from user input and improve font design recommendations over time; c. selecting design elements from a built-in set of design tools based on the analyzed text, wherein the design elements include color matching, shape processing, and multimedia integration; d. embedding the dynamic font design into the client’s website via an API interface, enabling real-time communication between the client’s servers and a central font server; and e. continuously monitoring changes in the text input and automatically updating the font design in real-time to reflect the latest content and contextual relevance.
  • NLP Natural Language Processing
  • a low-weight font design system utilizing artificial intelligence comprising: a. an input module configured to receive design requests from users for specific characters; b. an Al processing unit that generates visual examples of designs for specified characters based on the user input; c. a layer management module that breaks down each generated design into three distinct layers, including a top layer for decorative elements, a middle layer for the basic structure of the character, and a bottom layer for background or supporting elements; d. an application module that applies the three layers to all characters in the font, dynamically adjusting the position and shape of each layer according to the specific characteristics of each character; e.
  • Artificial intelligence Al
  • a weight optimization engine that represents each layer as a separate image, ensuring the entire font is composed of only three images corresponding to each layer; f. a positioning script module that dynamically adjusts the alignment of layers for each character based on its unique shape while utilizing shared images across the font; and g. an output generation module that produces a designed font maintaining a consistent design style for all characters while achieving a minimal file weight equivalent to just three images.
  • a computer-implemented method for designing a low -weight font using artificial intelligence comprising steps of: a. receiving a design request from a user for a specific character; b. generating a visual example of the design for the specified character using an artificial intelligence algorithm; c. breaking down the generated design into three distinct layers, including a top layer for decorative elements, a middle layer representing the basic structure of the character, and a bottom layer for background or supporting elements; d. applying the three layers to all characters in the font, dynamically adjusting the position and shape of each layer according to the specific characteristics of each character; e.
  • Artificial intelligence Al
  • a system for automatically updating font designs on a user’s website utilizing artificial intelligence comprising: a. a font embedding module configured to integrate a customizable font into the user’s website; b. a date recognition mechanism that interfaces with external date databases and user -defined lists to retrieve important upcoming dates; c. an Al-based design update module that analyzes the existing font and generates new design options based on the identified dates while preserving core branding elements; d. a user interface module that presents the generated design options to the user for approval at least 24 hours prior to the upcoming event; e. an automatic implementation module that applies the approved design updates across all areas of the website where the font is displayed; and f. a restoration module that reverts the font to its original design after the event concludes, ensuring consistent branding throughout the user’s website.
  • Artificial intelligence Al
  • a computer-implemented method for automatically updating font designs for a user’s website using artificial intelligence comprising steps of: a. embedding a font on the user’s website; b. retrieving important upcoming dates from external date databases and user-defined lists using a date recognition mechanism; c. analyzing the existing font using an Al-based design update algorithm to generate new design options tailored to the identified dates while preserving core branding elements; d. presenting the generated design options to the user 24 hours prior to the upcoming event for approval; e. upon receiving user approval, automatically applying the new design updates across all areas of the website where the font is displayed; and f. reverting the font to its original design after the event concludes, ensuring the consistent branding of the user’s website.
  • Artificial intelligence Al
  • a system for dynamically managing font designs on a website comprising: a. a user interface configured to receive user-defined rules for font design customization based on specified positions within webpage content; b. a position and timer detection module that identifies specific locations of text elements on the webpage, including but not limited to the first letter of each sentence, specific words, or predetermined lines; c. a timer module that facilitates timed design changes, configured to trigger a change in font design after a user-specified duration; d. a real-time update engine that employs Asynchronous JavaScript and XML (AJAX) or another similar technique to apply font design changes without reloading the webpage; e.
  • AJAX Asynchronous JavaScript and XML
  • a dynamic font rendering module utilizing custom CSS to implement the font design changes according to the identified user-defined rules
  • a database mechanism for storing user settings and tracking the history of font design changes, ensuring personalized application of designs across various instances of the webpage
  • a display module that renders the dynamically updated font designs on the webpage in accordance with the defined user rules, enhancing the visual presentation and user engagement of the site.
  • a method for dynamically managing font designs on a website comprising the steps of: a. receiving user-defined rules for font design customization based on specified positions within webpage content; b. identifying the specific locations of text elements on the webpage using a Position and Timer Detection Mechanism, wherein the locations include but are not limited to the first letter of each sentence, specific words, or predetermined lines; c. implementing a timer to facilitate timed design changes, wherein the timer is configured to trigger a change in font design after a user-specified duration; d. applying the font design changes in real-time using Asynchronous JavaScript and XML (AJAX) or another similar technique, allowing for updates without reloading the webpage; e.
  • AJAX Asynchronous JavaScript and XML
  • Figure 1 is a high-level process flow diagram illustrating the steps involved in the method and system thereof for creating new font, in accordance with an embodiment of the present disclosure.
  • Figure 2 is a diagrammatic view illustrating the components of the methods and systems thereof for creating new font in the app, in accordance with an embodiment of the present disclosure.
  • Figure 3 is a diagrammatic view illustrating the components of the methods and systems thereof for manipulating font in the app, in accordance with an embodiment of the present disclosure.
  • Figure 4 is a process flow diagram illustrating the initial steps involved in the user launching the app, in accordance with an embodiment of the present disclosure.
  • Figure 5 is a diagrammatic view illustrating the components of the methods and systems thereof of Figs. 2 and 3, including external computing services, in accordance with an embodiment of the present disclosure.
  • Figure 6 is a high-level process flow diagram for one implementation of the method and system thereof of Fig. 2, in accordance with an embodiment of the present disclosure.
  • Figure 7a-c is a high-level process flow diagram for several implementations of the method and system thereof of Fig. 3, in accordance with an embodiment of the present disclosure.
  • Figure 8 illustrates exemplary numbers and letters in a new font created in the app.
  • Figure 8b illustrates an exemplary text in the new font of Fig. 8a, in accordance with an embodiment of the present disclosure.
  • Figure 9 illustrates exemplary manipulated numbers and letters generated from received template numbers and letters after the visual characteristic of angle is regularly varied in each number or letter, in accordance with an embodiment of the present disclosure.
  • Figure 10 illustrates exemplary new font generated from received template user input after regularly adding rectangle shapes to the background of each letter, and a range of text sizes, in accordance with an embodiment of the present disclosure.
  • Figure 11 illustrates exemplary new font in a range of text sizes, generated from received template user input after adding fixed shapes to the front of each letter and circles to the background of each letter, in accordance with an embodiment of the present disclosure.
  • Figure 12 is a diagrammatic view illustrating the components of the methods and systems thereof for creating, editing and designing font, in accordance with an embodiment of the present disclosure.
  • An “application” (commonly referred to as an “app”) as used herein may refer to, but is not limited to, a “software application”, an element of a “software suite”, a computer program designed to allow an individual to perform an activity, a computer program designed to allow an electronic device to perform an activity, and a computer program designed to communicate with local and/or remote electronic devices.
  • the present disclosure may be utilized in a wide array of functions and services, such as: 1) Web Developers and Designers: The success of a website relies significantly on design, which requires creativity and resource efficiency. Unique designs are crucial for their portfolios to stand out and attract more work. However, existing font technologies limit their options, leading to a lack of innovative typography in web design; 2) Graphic Designers and Digital/Print Designers: They can create styled text for specific designs, but need to design custom fonts to save time and costs. The complexity and cost of creating a complete font can hinder their work, necessitating an easier system that meets their design goals; 3) Software Companies: need for platforms that enable developers and designers to stand out while also looking to reduce costs as employers of these professionals;
  • the present disclosure fundamentally changes the current approach to font design.
  • the overall aim of the present disclosure is to establish a clear distinction between designing a font and creating a font.
  • the present disclosure allows the restoration of old TTF fonts as "blueprints" or “canvases” for artistic and unique designs, enabling anyone to create fonts without requiring technical expertise.
  • the software significantly reduces the resources needed to produce an artistic and impressive font.
  • the design experience emphasizes high-level artistic quality comparable to reconstructing a font from scratch.
  • the choice of tools integrated into the software allows for complete transformation of a font down to its fundamental structure, while maintaining an intuitive design process that does not require professional knowledge.
  • the present disclosure is a software platform for creating artistic fonts through design alone. It operates on an innovative model utilizing pre-made vectors, eliminating the need for specialized knowledge and minimizing resource waste.
  • a goal of the present disclosure is to enable far more intricate designs akin to image editing, including layers, color combinations, images, GIFs, videos, and animations, without compromising the vector-based quality of the font.
  • the present disclosure provides an innovative model that combines the quality of vector-based fonts (as constructed by font creators) with CSS-based styling. This ensures that while the vector serves as a foundation, the CSS painter adds artistic design elements, preserving the vector quality while allowing freeform artistic expression.
  • the core advantage lies in maintaining font quality, as scaling does not degrade the vector structure, while the design remains open to creative freedom.
  • the innovation of the present disclosure is twofold: 1) An innovative model for creating artistic fonts easily, without requiring professional knowledge, while saving resources; and 2) A technological approach to enabling artistic fonts to function effectively and practically on websites.
  • the software is currently focused primarily on CSS due to its broad design capabilities, the present disclosure aims to make font design more practical and user-friendly.
  • the present disclosure may enhance OTF capabilities for users who prefer to incorporate them into websites or design software.
  • the Font Builder in the present disclosure will also support OTF as an output option, although its capabilities will remain relatively limited compared to CSS -based fonts.
  • these limitations will still exceed current OTF functionality, particularly in terms of the four guiding principles outlined above.
  • the present disclosure integrates Al tools for artistic rendering and graphic design. The ultimate objective is to become the Al of fonts, offering users the ability to request specific fonts in text format and receive both code and a final font output. Further features of the smart font system and its capabilities will be detailed in the following chapters.
  • Firebase offers numerous benefits, such as easy integration and built-in security, with cross-platform support. After registration, users may have access to a personal area where they can manage their profiles and the fonts they’ve created, edit fonts, or export them in the desired format. Users may also have access to the builder tool to start new projects. An additional login option will be available via the software’s plugin. The personal area will evolve into a user interface with community forums; 2) Technology: User Management: MySQL database management: Security: Next.js enhances website security through automatic updates and server-side rendering, protecting against threats such as XSS attacks. Additionally, secure coding practices and HTTPS protocols may be used.
  • the website may be SSL-encrypted and may offer two-factor authentication as necessary;
  • Font Builder The "core" of the present disclosure, responsible for font design, may consist of two main windows: on one side, a canvas for drawing, and on the other, a grid of characters. Users can import a basic TTF font or choose from an internal library, with the selected font serving as the skeleton or canvas for design.
  • Design may be divided into two levels, with options to combine them: a) Uniform Design for the Entire Font: Design may be divided into layers using a CSS selector, and any changes will be displayed live on the font characters in the preview table, enabling real-time adjustments; and b) Unique Design for Each Character: By double-clicking on a character, users can access a dedicated design tool for complex modifications, including the ability to add or cut elements from the character skeleton. Upon completing the design, users may export the font, which will be converted into CSS and JavaScript code, with the completed font stored in the personal area for future use or further customization.
  • the present disclosure may provide the following: 1) Creation of a New Font Solely Through Design: This innovation allows the creation of fonts without the need for technical expertise in vector design, focusing entirely on the aesthetic design process; 2) Visual Modification of the Font's "Skeleton": While the font's underlying vector structure remains unchanged, the software enables users to visually alter the font's basic skeleton, providing the appearance of structural changes without affecting the vector foundation; 3) Integration of CSS Capabilities with Vector Fonts: The novelty here lies in combining the design freedom offered by CSS with the high-quality resolution of vector fonts.
  • the software includes tools that minimize the output's file size by dynamically calculating the most efficient storage method for each design layer (e.g., dynamic images, GIFs, videos).
  • the system also alerts designers to the weight impact of their design choices and offers recommendations for optimizing the output;
  • New Design Capabilities for Fonts By incorporating CSS, the software offers extensive design possibilities, including multi-color options, images, GIFs, videos, and animations;
  • Transparent Modification Without Vector Points The platform allows users to modify the visual appearance of the font without altering its vector structure. For example, users may visually modify the shape of a letter by using a reflection technique that simulates a cut without actually changing the vector. This preserves the font's integrity while providing a visually distinct result;
  • Augmenting Fonts with Additional Elements Users may add new elements to a glyph without modifying the original vector.
  • the system can integrate objects into the font that behave like vectors (e.g., an Al -generated SVG), ensuring that any added component seamlessly adopts the font's design attributes;
  • Movement-Based Fonts The software may enable the creation of dynamic fonts that transition between letters, focusing on word-level design rather than individual glyphs;
  • Al -Driven Design Tools The software may integrate Al for accessing image, GIF, and video libraries, as well as enhancing precision and ease of design. Al also aids in managing fonts on websites; and
  • the present disclosure includes tools and algorithms to mitigate these issues, ensuring lightweight, fast-loading fonts; and c) Word Recognition in CSS:
  • a font is created using CSS code
  • browsers may treat the characters as individual symbols rather than recognizing the semantic meaning of words. This creates two issues: (1) improper word wrapping, where a word is split across lines, and (2) SEO drawbacks, as search engines cannot properly interpret CSS-based headings.
  • the present disclosure offers solutions to both problems, preserving the integrity of the text and improving SEO outcomes.
  • developers could theoretically create fonts using manual CSS code, they would face numerous challenges including wasted resources, inferior results, and impractical fonts for web use.
  • the present disclosure may provide a streamlined, efficient solution that overcomes these barriers.
  • the Font Builder of the present disclosure may be developed using React and written in TypeScript, which is an extension of JavaScript, alongside the Next.js framework.
  • the Font Builder is built from scratch, leveraging external React libraries to ensure smooth operation without relying on outdated technologies.
  • the software of the present disclosure may be designed from the outset with automated testing and continuous deployment (CI/CD). This approach ensures that changes that do not meet strict requirements will not affect the system, preventing future disruptions.
  • the system includes both testing and continuous integration (CI) and continuous deployment (CD) mechanisms.
  • the code may be managed in a GitEab repository. When code is pushed to the development branch in GitEab, automated tests are triggered.
  • Automated tests may include unit tests via Jest and end-to-end testing using Playwright.
  • the drawing tool and the display of the present disclosure are two components within the React application, built with a publisher-subscriber architecture.
  • the display component (subscriber) "subscribes" to the drawing tool component (publisher) to receive real-time updates on any changes in the drawing tool, and it updates the display accordingly. Since this is a single application, no network calls are involved, so there is no latency, and feedback is immediate.
  • the export component is another part of this architecture, with the browser itself acting as the publisher. As such, it is triggered immediately when the user presses a button.
  • the file generation process is entirely based on proprietary technology, without reliance on external components. This ensures no network calls, no latency, and immediate availability for download by the user. Actual download speeds depend on the user's internet connection quality.
  • the present disclosure provides a method that combines all the images into a single image, with each font receiving its specific portion of the dynamic image. This reduces network calls to a single instance, significantly improving website processing time and ensuring that sites using the font run efficiently without driving users away due to long load times. This solution is prioritized to ensure that interesting fonts do not compromise website performance.
  • the output may include the custom-generated font, optimized for website embedding.
  • the CSS code provides the visual styling of the font, while the JavaScript code dictates how the CSS impacts the website.
  • This code can either be embedded directly into a site or used via a plugin, simplifying the process for users without coding expertise. The aim is to allow users to control text placement, size, etc., without delving into code, providing solutions for non-technical users. There is also an option to embed the drawing tool within the plugin itself, so users can manage everything without accessing the website, targeting software companies (SW) for ease of use; la) Technological Plugin Expansion: The present disclosure may provide plugins for platforms like WordPress, Shopify, and Wix, with the goal of business expansion.
  • Plugins may include specific components tailored to each platform, such as WordPress Gutenberg components. Alternatively, the plugin may automatically add the CSS/JS to the platform; lb) Target Users may include: i) Web Developers and Designers: They may freely design fonts using the drawing tool, either by selecting a predefined skeleton and customizing it or by modifying an existing font on their website. The process will be fast and straightforward, with real-time previews of changes, offering user-friendly access to font libraries, images, GIFs, videos, and Al tools.
  • the final output can be exported as code or via a plugin, with built-in tools to optimize the font's size and weight;
  • Software Companies For developers and designers, the time saved by using this tool is significant. It may also improve practicality for design platforms that emphasize creating functional, user-friendly websites, particularly for platforms catering to non-technical users;
  • Product and Service Companies These are the end clients of developers and designers, benefiting from faster, more practical websites, saving time and money.
  • the ability to make small but innovative changes to an existing corporate font, such as adding a Christmas hat, without completely rebuilding it is another major advantage;
  • Advertisers The ability to execute creative projects with minimal resources may allow advertisers to push the limits of creativity.
  • OTF OpenType Font SVG
  • This format may allow designers to maintain a personal font library for future use in design software or any platform supporting the file type. This description may capture the technological aspects and innovations involved, emphasizing the practical and time-saving solutions provided to various user groups;
  • the present disclosure may provide a design system, document processing tools, and a video editor that utilize CSS outputs, unless such platforms become available beforehand;
  • the software may harness advanced web font design capabilities, applying similar CSS codes to enhance design software;
  • Advertising Professionals This group may benefit from the need for design systems that operate on CSS for effective nondigital advertising;
  • Authors and Publishers They may have the ability to design documents and print them through the CSS-based design system;
  • Printing Companies On Objects and Apparel: These companies may be able to design fonts easily without relying on OTF formats by using CSS-based design systems;
  • v) Education Sector Since educators do not consistently use software like Photoshop, a practical design system based on CSS is necessary for designing or printing their work documents; vi) Private Individuals: Similar to educators, individuals who want to create small designs for social media posts or short videos will require a platform that supports CSS; and vii) Individuals with Disabilities: This group, especially in the educational context, may benefit from a straightforward platform that is not a cumbersome design tool, focusing instead on practical and targeted usability.
  • Al Font The use of Al in the design software of the present disclosure will initially serve as a source for images, GIFs, and videos, functioning as a graphic design tool. The goal of this function is to evolve into an Al for font creation, allowing users to request a font based on text or upload a company logo.
  • the Al may generate font design samples, providing the CSS and JS code that can be implemented on websites or utilized in plugins. Additionally, the Al may enable smart fonts that do not transition through design systems, but rather utilize embedded code on the website. This "intelligent" font may adapt based on user needs and content, influencing font appearance according to user-defined settings and content context (e.g., subheadings alongside main headings).
  • the system may automatically generate tailored fonts, such as adding seasonal decorations like hats for Christmas to letters, either automatically or upon user approval, depending on predefined settings; 6a) Technological Implementation: users may install the plugin of the present disclosure on their website.
  • the plugin may receive input data from the website, including: i) Website URL HTML content; ii) Textual content; iii) Metadata (e.g., tags, descriptions); iv) User preferences (e.g., style, theme); v) Visual elements (e.g., existing images, color schemes); and vi) User feedback on generated images.
  • the present disclosure may provide an Al model, with these inputs generating outputs such as images, videos, or GIFs that align with the provided data.
  • image, GIF, and video generation tools may rely on existing technologies.
  • model training, development and machine -learning or deep-learning methods may be implemented.
  • the User Management of the present disclosure may be MySQL Database Management.
  • the Security of the present disclosure may be the Next.js framework which enhances website security by providing automatic security updates, ensuring vulnerabilities are addressed promptly. It utilizes server-side processing, thereby reducing the attack surface for threats such as XSS attacks. Additionally, Next.js promotes secure coding practices and default secure settings, aiding developers in avoiding common security pitfalls during the development process. General security measures include the use of the HTTPS protocol, SSL encryption for website security, and, where necessary, two-factor authentication. Given the scale and work of the present disclosure with a large number of developers, the software is designed from the outset with automated testing and deployment to ensure compliance with stringent requirements, preventing future disruptions. There is an integrated testing system and a CI/CD system for continuous and automated integration and deployment.
  • Code is managed in a GitLab repository, where automated tests are triggered upon code push to the development branch. Only if all tests pass successfully will the code push be accepted; otherwise, an error is returned, requiring code correction. Once a successful push is completed, the project code is automatically deployed from the GitLab repository to the hosting server located in Borcel.
  • the automated tests include unit tests utilizing Jest and end-to-end tests using Playwright.
  • the painter and display components form a single React application structured on a publisher-subscriber architecture.
  • the display component (subscriber) "subscribes" to the painter component (publisher) to receive real-time notifications of any changes made in the painter, updating the display accordingly. Since this is a single application, there are no network calls involved, resulting in no latency, and the feedback is instantaneous.
  • the export component of the present disclosure may operate similarly, with the browser acting as its publisher, triggering immediate execution upon user interaction. File creation is entirely based on proprietary technology developed by the company. There is no reliance on external components, ensuring no network calls occur, resulting in no latency, and the output is immediately available for user download. The actual download may involve latency, with timing dependent on the user's internet connection quality.
  • the web application may be developed in React using TypeScript (an extension of JavaScript) with Next.js frameworks.
  • the CSS accepts input from font files (TTF, OTF) as well as images, GIFs, and videos.
  • the browser may display the font input along with a layout of image, GIF, or video inputs according to the layering defined by the CSS selector.
  • These files may be stored locally on both the client and server sides, utilized in previews and export files.
  • the Usage in Preview feature of the present disclosure may display the font characters in real-time as a basis, reflecting any changes made via the painter as well as inputs from images, GIFs, or videos. Consequently, any alteration in the painter may be automatically visible in the font characters.
  • the preview may illustrate the designated layers; one side shows the painter while the other displays the letter board and the image reflected on the painter, demonstrating the changes.
  • Each layer is represented in its corresponding format (CSS before/inside/after, where the inner layer refers to a span, an inline container element).
  • a product of the present disclosure consists of a CSS file and an S.J file, along with a folder named "img" containing the three images (three layers) generated by the builder. These files may be transferred as a CSS file and S.J file to a personal area, desktop, or plugin.
  • a product of the present disclosure involves converting the CSS and S.J files into SDK format or other methods to be developed later for application use.
  • the export component is triggered immediately upon user interaction.
  • File creation is solely based on the proprietary technology developed by the company. There is no reliance on external components, ensuring no network calls occur, resulting in no latency, and the output is ready for immediate user download, albeit actual download time may depend on the user's internet bandwidth.
  • the present disclosure may provide plugins for WordPress, Shopify, Wix, and any other platforms that present business viability. This may leverage existing CSS/JS development with minor adjustments. For sites without a plugin, users can directly copy and paste the font into their CSS/JS as they exit the site and utilize it in HTML. In plugins, specialized components can be created, such as WordPress Gutenberg components. Another option includes automatically adding CSS/JS through the plugin.
  • a product of the present disclosure consists of SVG-OpenType format, thus enabling creation of a font composed of color images.
  • the goal is to create a font composed, among other elements, of color bitmap images.
  • This function may involve the following Implementation Steps: 1) Convert bitmap images (JPG/PNG) into SVG format using open-source tools (e.g., the CarioSVG library in Python); 2) Create a glyph for each letter based on the converted images and any additional elements edited by the user within the glyph; 3) Develop the font based on the generated glyphs; FontForge is likely the most suitable tool, providing an open-source Python API for font creation; 4) Due to FontForge's limited support for the SVG-OpenType format, it may be necessary to first create the font in a more basic OpenType format and subsequently convert it to the desired format; 5) Convert to SVG-OpenType format using open-source libraries such as nonoemoji or fonttools in Python.
  • open-source tools e.g., the CarioSVG library in Python
  • a function of the present disclosure may be typography, i.e., create a lightweight CSS and S.J file derived from the full CSS and S.J file existing in the personal area under the same font design. This may allow for the selection of a limited number of letters for specific use, such as a title, enabling the creation of a lightweight file for a specific purpose. Another option is to export typography directly through the painter. Through typography, it may also possible to create designs such as adding a background image and adjusting angles of the title, similar to an image title but based on CSS, meaning it can be indexed by Google, for instance, without harming site SEO, unlike an image title.
  • Additional features may include Visual "Skeleton” Modification, achieved through the following complementary features: 1) Reflection of the background beneath the letter on the marked portion, creating the illusion of a cut letter. This technique is well-known in image design, reflecting the inner part of the letter while preserving only its shape. While this option exists in design, the innovation in the present disclosure is the application of this method for cropping the letter, where the desired portion can be reflected in the result, visually altering the shape without actual modification; 2) Supplemental Stroke: the ability to add an additional part to the letter defined as part of its design. This may alter the shape of the "skeleton" by adding a marked portion, allowing for visual expansion or addition without the need for vector tools. In this case, not only does the appearance of the font change, but its definition does as well.
  • the new portion will be influenced similarly, meaning that visually, the shape has changed, despite the alteration being untrue.
  • Supplemental Stroke there are two methods: i) via a bitmap image or ii) SV G.
  • An Al tool may be chosen to perform an actual change to the vector by adding the portion in SVG; 3) Font for Words: By defining the font as a background video for all letters, the design applies to all letters of the font, reflecting the word as a unit.
  • "font" refers to a specific design for each letter; in this case, the font design will be a general design expressed according to the created word.
  • the dolphin when the word “Hello” is written, and the video features a dolphin jumping from the water, the dolphin will start its path from the letter H and end at the letter O. If the word “Love” is written, it will start at L and finish at E.
  • the design is general for the font, with expression according to the written word.
  • the present disclosure involves converting CSS to PDF.
  • the current PDF format does not recognize CSS properties fully, not in a way that allows the use of multi-colored or image -based designed fonts. While some software claims to convert CSS to PDF, it merely translates without altering the actual values, resulting in no performance improvement. Thus, the need divides into two uses: sharing and printing.
  • the presnt disclosure may involve implementing the PDF protocol using open-source code selected from existing projects, adding CSS needs to this project. Subsequently, actions will be taken to make the format recognizable, such as implementing multi-user plugins, etc. Another option is to create a browser extension specifically for the ability to print CSS through PDF.
  • the present disclosure provides a Technological Solution for "Word” Recognition by Browsers. After decomposing the font into characters, this process nullifies the meaning of the word, transforming it into a collection of letters.
  • the present disclosure provides methods to mark "broken" text for the browser, for instance through screen readers, or duplicating the original title alongside the text processing being performed, ensuring it remains on the page, akin to transparent text in a manner acceptable to search engines. Alternatively, adding another element in place of the title as "compensation" for the lost promotional value.
  • the present disclosure provides Solutions for Weight Management: 1) The use of CSS decomposes the font (as a font file is either all or nothing and includes dozens or hundreds of unnecessary characters for most uses), along with the ability to select specific letters for the task; 2) Dynamic imagery, where the collection of font images is transformed into a single image file for each layer, influencing the creation of a single network instead of dozens or hundreds; and 3) Development of an algorithm that adjusts the storage method to regulate weight from several options (including dynamic image and non-dynamic). Development of an algorithm that understands the significance of weight at each stage of design according to user needs, indicating boundaries and suggesting alternatives.
  • the present disclosure provides Al Font, i.e., creating a font from text.
  • the present disclosure involves training of the Al system, thus understanding the stages of image creation and link them to generate CSS code based on methodologies of the present disclosure. For example, using a model like MidJourney, which generates images based on textual requests, users may describe the desired font textually, and the Al will break it down into three images for three layers, understanding the final result as a combination of them as learned from those users.
  • the font letters may represent the understanding of connecting the three layers like three distinct images leading to a single final outcome, translating the design into CSS code through the methodology already developed by the company.
  • the user may have a website that installs the plugin on their platform.
  • the plugin will receive input of the following data from the website: 1) Website URL; 2) HTML content; 3) Textual content; 4) Metadata (e.g., tags, descriptions); 5) User preferences (e.g., style, theme); 6) Visual elements (e.g., existing images, color schemes); and 7) User feedback on generated images.
  • the output may be images, videos, or GIFs tailored to the received data, allowing these images, videos, or GIFs to be integrated into the letters themselves, as done in the use of a regular font in systems with CSS/JS, based on the methodology developed by the company.
  • the present disclosure provides a novel Font Structure Adaptation mechanism that leverages a comprehensive font database, which houses a wide array of fonts, each defined by unique structural characteristics and design parameters.
  • a comprehensive font database which houses a wide array of fonts, each defined by unique structural characteristics and design parameters.
  • the system identifies its distinctive attributes, including overall geometry, stroke width, curve shape, and any special design elements that characterize that font style. This initial identification is crucial for the subsequent steps in the design adaptation, allowing the software to establish a foundation for compatibility and consistency throughout the design process. Building upon the identified font structure, the software performs a series of automated design adaptations.
  • Key processes include proportional scaling, where the size and spacing of design elements are adjusted to align with the selected font's proportions, and stylistic alignment, which ensures that additional design features —such as colors and shapes — complement the font's inherent style.
  • the software prioritizes structural integrity, carefully preserving the original character and readability of the font while allowing users to customize their designs further. By providing robust tools for user customization within these structural parameters, the software fosters creativity while maintaining design consistency across the various font structures available in the database.
  • the present disclosure provides a comprehensive Font Data Restoration mechanism to enhance and restore fonts by systematically disassembling them into their fundamental components, including letters, symbols, and spacing metrics.
  • This initial disassembly step facilitates individual editing of each component, allowing for targeted modifications.
  • a redesign phase is implemented, wherein the shapes of letters and symbols can be adjusted, colors can be refined, and overall geometry can be enhanced. This flexibility in redesigning font components enables the creation of customized font styles while retaining the core attributes of the original font.
  • the restoration phase is critical, focusing on recovering any data lost during the disassembly process.
  • NLP NLP to analyze the text input, enabling it to understand context and identify keywords that correspond to relevant categories.
  • This analysis feeds into a machine learning module that continuously refines the system's accuracy based on user interactions and preferences, improving font design recommendations over time.
  • a design recommendation system selects from a variety of design tools, which include color matching, shape processing, and multimedia integration, such as images or animations. This process ensures that each design element is chosen based on both the system’s understanding of the text and user-defined settings.
  • the Smart Font is integrated into client websites through an API interface, enabling real-time adaptation and ensuring that design changes are instantly reflected as users create or update content, resulting in a personalized and contextually appropriate font experience.
  • the present disclosure provides a mechanism for low-weight font design utilizing Al.
  • the system operates through a series of stages that begin with user input, where the user specifies a design request for a particular character, such as the letter "A.”
  • the artificial intelligence algorithm then generates a visual representation of this character and breaks the design down into three distinct layers: a top layer for decorative elements, a middle layer for the character's basic structure, and a bottom layer for background support.
  • This layered approach allows for flexibility and visual harmony when applying the design across all characters in the font, as the algorithm adjusts each layer's position and shape according to the specific characteristics of each letter.
  • a key innovation of the system in the present application is its weight optimization strategy, which enables all characters in the font to be represented using only three images, one for each design layer. This drastically reduces the file size compared to traditional fonts where each character is treated as an independent image.
  • the algorithm dynamically adjusts layer placements for each character, ensuring that the design remains accurate and aesthetically pleasing while using shared images.
  • the technology leverages advanced rendering and vector compression techniques to store and process these images efficiently, ensuring rapid real-time rendering when the font is integrated into various platforms. This integration is facilitated through a dedicated API or pre -built modules, allowing for seamless deployment across browsers, design tools, and editing software. The result is a visually striking font that maintains a minimal file weight, providing users with high-quality typographic design without compromising on performance or accessibility.
  • the technological approach in the present disclosure for low-weight font design using Al not only emphasizes efficiency, but also enhances creativity in typographic design.
  • the system can intelligently interpret user requests and generate visually compelling character designs tailored to individual specifications.
  • the ability to create a design sample for a specific character, such as the letter "A,” serves as a foundation upon which the rest of the font is built. This focus on individual character design ensures that each letter maintains its unique identity while adhering to the overall aesthetic of the font.
  • the breakdown of the design into three layers - decorative, structural, and background - allows for a modular approach, making it easier to maintain consistency across various characters while providing flexibility in design choices.
  • the implementation of a custom positioning script allows for precise adjustments to each character’s design, ensuring visual harmony throughout the entire font.
  • This dynamic layer adjustment process enables the algorithm to maintain a coherent design language while minimizing the overall file weight to the equivalent of just three images.
  • the font not only achieves high-quality aesthetics but also offers a significant advantage in performance, particularly in web and mobile applications where loading times and resource usage are critical.
  • the technology's seamless integration into dynamic content platforms through dedicated APIs enhances its usability, enabling designers and developers to incorporate sophisticated typography into their projects without sacrificing efficiency or performance.
  • this innovative approach democratizes access to advanced font design, making it accessible and practical for a wide range of users and applications.
  • the present disclosure may leverage Al to provide an automatic design update service.
  • the system may allow users to create custom fonts that align with their branding while dynamically adapting to significant dates.
  • the tool utilizes a sophisticated date recognition mechanism to identify upcoming global holidays, international events, or user-defined milestones such as company anniversaries.
  • the system presents tailored design suggestions that enhance the original font's aesthetic while preserving its core elements, ensuring brand consistency. Users receive these suggestions 24 hours prior to the event, giving them ample time to review and approve the updates. If approved, the system seamlessly applies the new design, and once the event concludes, the font reverts to its original style, maintaining the integrity of the brand identity.
  • the technological basis of this embodiment comprises three primary components: 1) a date recognition mechanism, an Al -based design update algorithm, and an automatic implementation mechanism.
  • the date recognition mechanism interfaces with international date databases and custom user lists through appropriate APIs, enabling it to accurately track and retrieve important upcoming dates; 2)
  • the Al -based design update algorithm employs advanced pattern recognition and contextual modeling techniques to analyze the existing font and generate new designs that align with the identified events. This algorithm ensures that while the design adapts to specific occasions, critical branding elements —such as letter shapes, color schemes, and graphic proportions - remain intact; and 3)
  • the automatic implementation mechanism utilizes a Content Management System (CMS) to deploy the design changes across the user’s website. Upon user approval, the system applies these updates effortlessly, restoring the original font after the event concludes.
  • CMS Content Management System
  • the system of the present disclosure may employ a variety of technologies and tools to achieve its functionality. Developed using programming languages such as Python and JavaScript, the system ensures real-time analysis and generation of design suggestions. Integration with calendar APIs, such as Google Calendar, allows for efficient tracking of relevant dates, while machine learning models leverage deep neural networks to refine design adjustments based on user behavior and event context. This scalability enables the system to adapt to additional events and provide increasingly customized designs over time. By harnessing the power of Al and advanced programming, Artifont not only enhances the user experience but also fosters deeper engagement with brand identity through thoughtful and timely design updates.
  • the present disclosure provides a dynamic font management system.
  • the present disclosure may be integrated as a plugin for websites, thus empowering users with unprecedented control over font design by enabling customization based on specific positions rather than limiting changes to individual letters or words.
  • This tool distinguishes itself from traditional font editors by allowing users to establish rules for font appearances in various contexts, such as applying a unique design exclusively to the first letter of every sentence or modifying the font style after a certain number of words. Such capabilities ensure that design choices are not only aesthetically pleasing but also strategically placed to enhance readability and engagement.
  • the system introduces timed design changes, allowing users to program the font in a specific line to automatically transition to a different design after a predetermined duration, such as 20 seconds.
  • This functionality offers an additional layer of customization, enabling dynamic visual effects that can capture users' attention and convey information in a compelling manner.
  • the user experience is streamlined through a simple input mechanism where users specify their desired rules, such as design location, timing settings, or recurring positions, leading to a versatile output of fonts that adapt based on user-defined configurations.
  • the technological foundation of the dynamic font management system of the present disclosure may comprise several advanced components that work together to provide seamless control over font display based on position within the website. Central to the system is the Position and Timer Detection Mechanism, utilizing JavaScript and CSS to accurately identify the locations where fonts are rendered on the page — whether that be the first letter of a paragraph, the fifth word, or every second line of text.
  • the system boasts Multi-Platform Support, making it compatible with a variety of website platforms, such as WordPress and Wix, allowing users to integrate dynamic fonts effortlessly into their existing sites.
  • the font management system not only optimizes visual presentation but also enhances user interaction, making it a valuable tool for businesses looking to customize their online branding effectively.
  • the result is a comprehensive solution that delivers dynamic, adaptable font designs tailored to the specific needs of each user, ensuring a distinctive and engaging user experience across digital platforms.
  • Embodiments described herein may refer to a computer-implemented method containing steps that, when executed by at least one processor 10, cause the at least one processor 10 to perform operations to create new personalized font.
  • TrueType font or any font type 14 are converted to an image format in a one-time run using Python or another high-level general-purpose programming language 16. Selected visual characteristics of the generated image are manipulated, comprising color of a letter or around a letter, distribution of colors within a letter, angle, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 18.
  • the manipulated image is paired with said TrueType font or any font type to create a new font using FontLab software, or any font editor, or Python code, or another high-level general-purpose programming language 20.
  • the generated new font 22 may be implemented to one or more letters in the language of interest.
  • the new fonts may be stored for later assignment in GitHub or another high-level cloud-based storage platform 24.
  • the new fonts may be implemented in a mobile computing device app and to one or more letters in a wide range of languages.
  • Embodiments described herein may refer to a computer -implemented system for creating new font with at least one processor 10 and a memory 12 including instructions that when executed by the at least one processor 10, configure said at least one processor 10 to perform operations to create a new font.
  • the instructions executed by at least one processor 10 may include converting TrueType font or any font type 14 to an image format in a one-time run using Python or another high-level general- purpose programming language 16.
  • Selected visual characteristics of the generated image may be manipulated comprising color of a letter or around a letter, distribution of colors within a letter, angle, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 18.
  • the manipulated image may be paired with said TrueType font or any font type to create a new font using FontLab software, or any font editor, or Python code, or another high-level general-purpose programming language 20.
  • Embodiments described herein may refer to methods in a software application (app) in a client-server mode containing steps that, when executed by at least one processor, cause the at least one processor to perform operations to create new personalized font or to modify existing font into a new font.
  • the computer-implemented method may be implemented as hardware, firmware, software, or any combination thereof.
  • the software may preferably be implemented as an application program.
  • the application program may be uploaded to, and executed by, a machine having any suitable architecture, preferably a mobile computing device.
  • the mobile computing device may have hardware, such as a memory, one or more central processing units (“CPUs”), and input/output interfaces.
  • the mobile computing device may also include a microinstruction code and operating system.
  • various processes and functions described in this disclosure may be either part of the microinstruction code or part of the application program or any combination thereof which may be executed by a CPU, whether or not such a computing device or processor is explicitly described.
  • various other peripheral units may be connected to the computer platform, such as a scanner unit and a printing unit.
  • the application program may be used to create new personalized font in Android, iOS, browser extension, or any component that renders web content.
  • the application program may communicate with a server 28 configured for converting TrueType font (TTF) or any font type 27 to an image format in a one-time run using Python or another high-level general-purpose programming language 38.
  • TTF TrueType font
  • selected visual characteristics of the generated image are manipulated, such as color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 40.
  • the manipulated image is paired with the TrueType font or any font type to create a new font using Python code, or another high-level general-purpose programming language 42.
  • the new font 44 is delivered to the graphical user interface (GUI) of the mobile computing device app 26 in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content. Additionally, the new font is stored in an external updatable database 30. User data concerning user experience (Ux) is also provided to the database 30 comprising user data 72, text data 74 and files 76. The new fonts may be implemented to one or more letters in a wide range of languages.
  • Embodiments described herein may refer to a system for creating new font in a software application in a client-server mode with a database, at least one processor, and a memory including instructions that when executed by the at least one processor 208, configure said at least one processor to perform operations to create new font.
  • the instructions executed by at least one processor may include receiving user input comprising a TrueType font (TTF) or any font type 27.
  • TTF TrueType font
  • the user input may be converted by at least one processor 34 to an image format in a one-time run using Python or another high-level general-purpose programming language 38.
  • Selected visual characteristics of the generated image may be manipulated comprising color of a letter or around a letter, distribution of colors within a letter, angle, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 40.
  • the manipulated image may be paired with said TrueType font or any font type to create a new font using Python code, or another high-level general-purpose programming language 42.
  • the new font 44 is delivered to the graphical user interface (GUI) of the mobile computing device app 26 in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content. Additionally, the new font is stored in an external updatable database 30.
  • GUI graphical user interface
  • the application program may be used to modify font in Android, iOS, browser extension, or any component that renders web content.
  • the application program may communicate with a server 28 configured for uploading user input comprising a text 29, or a text file 31, or an image 33.
  • the user input may be sent to an Application Programming Interface (API) in Node.js 39, or any other server language, for processing.
  • API Application Programming Interface
  • the text file or image may be converted to a text using API in Node.js or another high-level general-purpose programming language 39.
  • the text may be converted to a HyperText Markup Language (HTML) format 41, then the HTML format may be set in a new font 43.
  • HTML HyperText Markup Language
  • the new font may be selected randomly from stockpile of fonts stored on GitHub or another high- level cloud-based storage platform 24.
  • the new font 45 may be delivered to the graphical user interface (GUI) of the mobile computing device app 26 in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content.
  • GUI graphical user interface
  • the new manipulated fonts may be implemented to user input in a wide range of languages.
  • Embodiments described herein may refer to a system for modifying font in a software application in a client-server mode with a database 30, at least one processor 34, and a memory 36 including instructions that when executed by the at least one processor 34, configure said at least one processor 34 to perform operations to modify font into a new font.
  • the instructions executed by at least one processor 34 may include receiving user input comprising a text 29, or a text file 31, or an image 33.
  • the user input may be sent for processing to an Application Programming Interface (API) in Node.js 39, or any other server language in the server.
  • API Application Programming Interface
  • the text file or image may be converted to a text using Python or another high-level general-purpose programming language 39.
  • the text may be converted to a HyperText Markup Language (HTML) format 41, then the HTML format may be displayed as a new font 43.
  • the new font 45 may be delivered to the graphical user interface (GUI) of the mobile computing device app 26 in in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content.
  • the at least one processor 34 may process user data associated with a user account, and the data from the plurality of data sources from other user accounts, to perform machine learning operations. Machine learning operations may analyze and produce a result indicating to perform an update of user preferences concerning generated new font.
  • the at least one processor 34 may extend application programming interfaces (APIs) provided by external computing services 32 to interface with the computing services.
  • APIs application programming interfaces
  • Login module 46 may be configured to enable a user 80 to log into the mobile computing device app.
  • a user 80 may be non-registered 82 with limited access to the system.
  • Registration module 48 may be configured to register a user 80.
  • the registration 84 a process wherein the user 80 creates a user account with a user login profile by providing necessary information, including username and password.
  • a user 80 having used a system for the first time, and having registered thereof, is considered a registered user.
  • a registered user necessarily has a unique user login profile. The system transforms user input to conform with the needs of the user associated with the selected user account in the database.
  • Identity module 56 may be configured to create a user accessibility profile by combining a username, a password, selected information, and a system generated attribute.
  • the user accessibility profile is part of the user account stored in the database 30.
  • the identity module may provide functionality for a user 80 to update a user login credentials.
  • the identity module 56 may identify user login credentials through a database 30 and determine the user account type, wherein account types comprise registered and subscribed accounts.
  • the system may respond according to the accessibility profile and account type, triggering an event that is selectively based on the accessibility profile and account type, providing a service or resource based on the account type.
  • Authentication module 50 may be configured to authenticate a user account.
  • the authentication 88 may verify the user login profile with the username and the password.
  • Authorization module 52 may be configured to authorize a user account. The authorization may permit access levels based on the user login profile.
  • Subscription module 54 may be configured to subscribe a user.
  • the subscription 90 is a process wherein registered users may subscribe a user account with a user login profile.
  • the subscription enables a user 80 to receive notifications, emails, SMSs, recommendations for reading material and newsletters.
  • Settings module 58 may be configured to adjust the size of a new font 44 of the mobile computing device app.
  • the settings may comprise a range of text sizes.
  • Machine learning module 60 may be configured to improve the Ux over time.
  • the first step is to determine the user data 72 concerning the Ux and user interaction information.
  • the user data 72 may comprise user engagement metrics based on reading frequency, reading duration, scrolling frequency, eye movement and mobile phone movement.
  • the user data 72 may be utilized to train the machine learning module 60 to analyze and produce a result indicating to perform an update of user preferences concerning the new font 44.
  • the machine learning module 60 may be configured to perform an update of a user account.
  • the improvement may be comprised of personalizing content, optimizing performance, enhancing security, and providing feedback.
  • the Ux may be personalized according to customized readability criteria preferences for a user. 26.
  • the Ux may comprise an operation of a plurality of display parameters as determined from processed outputs of previous user interactions.
  • User management tracking module 62 may be configured to monitor and track user engagement metrics within the mobile phone app.
  • the user engagement metrics may comprise reading frequency, reading duration, scrolling frequency, eye movement and mobile phone movement.
  • Analytics data collection module 64 may be configured to collect user data 72 concerning user interactions, usage patterns, and app performance.
  • Analytics data analysis module 66 may be configured to process and analyze user data 72 to extract insights concerning a user 26.
  • Storage module 78 may be configured to store user data 72 related to the Ux preferences of the user account in the database 30.
  • the database 30 may comprise user data 72, text data 74 and files 76.
  • User data 72 is securely and efficiently stored in the database 30, while allowing retrieval as needed.
  • Push notification module 68 may be configured to push real-time notifications to a user 26 based on triggered events or user preferences.
  • Social interaction module 70 may be configured to facilitate social interaction between a user 26 and therapist groups, communities, collaborations, chat functionality and community forums.
  • Content generated, interacted with, or edited in association with a user account may be stored in the database 30 or other storage types.
  • Other storage types may comprise external computing services 32 for storage which may be a directory service 94, a web portal 96, a mailbox service 98, an instant messaging store 101, or a social network 103.
  • the input received via the registration process 84 may be indicative of a selection of a specific user accessibility profile.
  • a user accessibility profile may include any type of data that may be used to determine the needs, such as a particular disability, associated with a user.
  • the selection of a user accessibility profile may trigger a bundle of predefined changes in a group of new font characteristics.
  • Example user accessibility profiles may include a profile defined as chronic or temporary concentration difficulties, a dyslexia profile, a memory impaired profile, and a visually impaired profile, and/or any other grouping of predefined changes designed to address a condition.
  • the app accessibility profile selection may have an associated set of profile values for the display characteristics of new font.
  • the specific profile values may be different from the default values of the font display characteristics.
  • the method may include implementing a predefined template to alter one or more default new font characteristics to conform with the needs of the specific disability of the app user.
  • a predefined template associated with a dyslexia profile to alter the new font display specific letters divided into distinctive colors, and to convert letters into symbols by adding unique shapes to fonts.
  • Disclosed embodiments may create new personalized fonts for amateur or professional font designers and artists. Consistent with the present disclosure, it provides a tool for designers to create new fonts or easily change existing fonts.
  • the new personalized fonts may be automatically applied to all letters, numbers and characters in wide range of languages. Additionally, the new font may be selected and applied to partial or full text in the language of interest. For example, in order to empower branding, a designer may create a unique font design for a company.
  • Disclosed embodiments may include implementing one or more changes in font characteristics to address a disability of a user.
  • modifying font may include modifying selected visual characteristics of individual letters in a personalized manner.
  • the modification may comprise the color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters.
  • One implementation of the disclosed embodiment may include modifying font characteristics to conform with a profile pertaining chronic concentration difficulties, such as a user with attention deficit disorder (ADD) or attention deficit hyperactivity disorder (ADHD).
  • a successful reading session is not possible unless the reader manages to stay focused, from following the line of text to comprehending the content and retaining the important information from it.
  • people with ADD or ADHD can have symptoms that range from mild to severe, and usually have issues of focusing, managing distractions, and processing and retaining information. Reading tasks may take prolonged time, especially if it is necessary to read the text several times to process the information accurately.
  • these difficulties may be exacerbated by a poorly chosen font, poor line spacing or angling, or other elements.
  • the disclosed method and system thereof may provide the reader with a new font created from combining original text and dynamic visual imagery.
  • the manipulated new font is novel and complex, thus challenging the reader, providing continuous stimulus and leading the reader to concentrate and engage longer with the reading material.
  • the present invention manipulates font to become more complex and thought-provoking, thereby compelling more focus and engagement from readers.
  • manipulated new font is frequently replaced with a different new font. The present disclosure thus provides a means to read with less noise, more focus and fewer distractions, thereby facilitating fast learning and knowledge expansion.
  • Another implementation of the disclosed embodiment may include modifying font characteristics to conform with a profile pertaining temporary concentration difficulties.
  • Temporary difficulties may arise from a myriad of reasons, including stress, lack of sleep, fatigue, hormonal changes, diet, surrounding noise, medications or temporary medical conditions.
  • the disclosed method and system thereof may similarly provide the reader with a colorful and complex font to enhance concentration and engagement.
  • Another implementation of the disclosed embodiment may include modifying font characteristics to conform with a dyslexia profile.
  • Dyslexia is characterized by difficulties with accurate and fluent word recognition, as well as by poor spelling and decoding abilities.
  • people with dyslexia have difficulty in establishing syllable division or knowing the beginnings and endings of words.
  • the present disclosure may provide assistance in reading for those with dyslexia, for example, by dividing specific letters into distinctive colors, as well as converting letters into symbols by adding unique shapes to fonts.
  • Another implementation of the disclosed embodiment may include modifying font characteristics to conform with a memory impairment profile. Memory impairment is manifested by a reduced ability to remember things such as dates and names, and increased forgetfulness.
  • Memory and other thinking problems have many possible causes, including depression, an infection, or medication side effects. Sometimes, the problem can be treated, and cognition improves.
  • the present disclosure may contribute to improving memory from adding complex shapes to the text by modifying the fonts. Texts written in these new fonts require more resources to read, which enables more processing resources to be available on a specific issue, leading to more in-depth processing and thus better memory preservation.
  • Memory improvement includes the working memory and long-term memory.
  • the processing of data includes study materials, as well as learning letters of foreign languages which requires learning new forms, especially in languages with a multitude of complex forms requiring in-depth processing to remember the new letters.
  • the visual impairment profile may be designed for disabilities such as color blindness, degrading eyesight, tunnel vision, cataract, glaucoma, and others.
  • Visual disabilities range from mild or moderate vision loss in one or both eyes (“low vision”) to severe vision loss in both eyes (“blindness”).
  • low vision low vision
  • blindness severe vision loss in both eyes
  • color blindness some people have increased sensitivity to bright colors, or reduced or lack of sensitivity to certain colors (“color blindness”). These variations in perception of colors and brightness can be independent of the visual acuity.
  • the present disclosure may enable users to modify font so that the text is more usable for their particular needs.
  • Changes to font may include, for example, emphasis on sufficient color and texture contrast, as well as restricted use of colors related to color blindness.
  • font changes presentation may include enlarging or reducing text size and images, customizing settings for fonts, colors, and spacing.
  • creating the new font draws from manipulating visual characteristics of the generated image, including color of a letter or around a letter, distribution of colors within a letter, angle, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters.
  • the present disclosure may alter a plurality of font characteristics to ensure that the font is adapted to visually impaired users.
  • the present disclosure may be implemented in reading hard copy books.
  • Text from books may be scanned, uploaded to the mobile phone app, whereby the user input is manipulated to create new font.
  • the present disclosure may be implemented in reading website content. Any company may utilize the app to make the content of its website more accessible, wherein any user who is visually impaired and wishes to read content on a website may apply this embodiment.
  • Fig. 1 shows a high-level process flow diagram showing the general steps involved in the method and system thereof for creating new font.
  • Method begins when user uploads input to the server comprising TrueType font or any font type 14.
  • a memory 12 configures at least one processor 10 in the server to convert the TrueType font or any font type to an image format using Python or another high-level general-purpose programming language 16.
  • Selected visual characteristics of the generated image may then be manipulated, including color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or addition of fixed shapes or images in different colors and sizes that can be applied to different letters 18.
  • the manipulated image is paired with said TrueType font or any font type to create a new font using FontLab software, or any font editor, or Python code, or another high-level general-purpose programming language 20.
  • the output comprising new font 22 may be stored in GitHub or another a high-level cloud-based storage platform 24.
  • Fig. 2 is a diagrammatic view illustrating the components of the method and system thereof for creating new font in a software application (app) in a client-server mode.
  • the system includes a user mobile computing device app 26, communicating with a server 28 configured for uploading TrueType font or any font type 27.
  • the server 28 is comprised of at least one processor 34, including one or more program modules 46-70, and a system memory 36 including instructions that when executed by the at least one processor 34, configure it to receive user input for converting the TrueType font or any font type to an image format using Python or another high-level general- purpose programming language 38.
  • Selected visual characteristics of the generated image may then be manipulated, including color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or addition of fixed shapes or images in different colors and sizes that can be applied to different letters 40.
  • the manipulated image is paired with said TrueType font or any font type to create a new font using Python code or another high-level general-purpose programming language 42.
  • the output comprising new font 44 is delivered to the graphical user interface (GUI) of the mobile computing device app 26 in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content 26.
  • GUI graphical user interface
  • User data 72 is processed by a machine learning operation and stored on an updatable database 30.
  • Fig. 3 is a diagrammatic view illustrating the components of the method and system thereof for manipulating font in a software application (app) in a client-server mode.
  • the system includes a user mobile computing device app 26, communicating with a server 28 configured for uploading user input.
  • the server 28 is comprised of at least one processor 34, including one or more program modules 46-70, and a system memory 36 including instructions that when executed by the at least one processor 34, configure it to receive user input for processing in an application programming interface (API) in Node.js, or any other server language in the server 39.
  • API application programming interface
  • the user input is converted to a text using Python or another high-level general-purpose programming language 39.
  • the text is converted to a HyperText Markup Language (HTML) format 41, which may then be displayed as a new font 43 retrieved from GitHub or another high-level cloud-based storage platform 24.
  • HTML HyperText Markup Language
  • the new font 45 is delivered to the graphical user interface (GUI) of the mobile computing device app 26 in WebView, or browser extension, or website or any component that renders web content.
  • GUI graphical user interface
  • User data 72 is processed by a machine learning operation and stored on an updatable database 30.
  • Fig. 4 is a process flow diagram illustrating the initial steps involved in the user 80 launching the mobile computing device app.
  • Launch begins with user 80 logging into the app, wherein the user can be nonregistered 82 with limited access to the system.
  • a registration process 84 creates a user account with user login credentials by providing necessary information, e.g., username and password. The user account is then authenticated 88 and authorized to utilize access levels on the app accordingly.
  • a registered user may subscribe to the app 90, thus enabling the user to receive notifications, emails, SMSs, recommendations for reading material and newsletters.
  • User account management 92 manages a user accessibility profile by combining username, password, selected information, and a system generated attribute, to be stored in the database 30.
  • Fig. 5 is a diagrammatic view illustrating the components of the methods and systems thereof of Figs. 2 and 3, for creating and manipulating font, including external computing services 32.
  • the system includes a user mobile computing device app 26, communicating with a server 28 configured for uploading user input.
  • the server 28 is comprised of at least one processor 34, and a system memory 36 including instructions executed by the at least one processor 34.
  • Content generated, interacted with, or edited in association with a user account is stored in a database 30 or other storage types.
  • the system memory configures the at least one processor 34 to extend application programming interfaces (APIs) provided by external computing services 32 to interface with the computing services.
  • External computing services 32 may serve as other storage types, which can be a directory service 94, a web portal 96, a mailbox service 98, an instant messaging store 101, or a social network 103.
  • APIs application programming interfaces
  • Fig. 6-7 are typical user flow diagrams for implementations of the methods and systems of Fig. 2-3.
  • User flow in Fig. 6 is characteristic for amateur or professional font designers who create new fonts according to the method and system thereof of Fig. 2.
  • the user flow begins 100 when a user launches the mobile computing device app 102 and logs in with user account credentials 104.
  • the system accesses user account settings in the database 106, determining user profile and account type, thereby triggering an event that is selectively based on the user profile and account type, providing a customized service or resource for the user.
  • the user is able to upload a TrueType font (TTF) or any font type 108.
  • TTF TrueType font
  • the TTF or any font type is converted to an image format in a one-time run using Python or another high-level general-purpose programming language 108.
  • the user may manipulate selected visual characteristics of the generated image comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or addition of fixed shapes or images in different colors and sizes that can be applied to different letters 110.
  • the system then pairs the manipulated image with the TrueType font or any font type to create a new font using FontEab software, or any font editor, or Python code, or another high-level general -purpose programming language 112. Concurrently, the system tracks Ux to determine user engagement metrics and preferences to respond appropriately 114. Once operations are complete, user flow ends 116.
  • Fig. 7a-c is a characteristic user flow for users with reading difficulties who manipulate fonts according to the method and system of Fig. 3.
  • user flow begins 200 when a user launches the mobile computing device app 202 and logs in with user account credentials 204.
  • the system accesses user account settings in the database 206, determining user accessibility profile and account type, thereby triggering an event that is selectively based on the user accessibility profile and account type, providing a customized service or resource for the user.
  • the user is able to upload a font of interest 208, whereby the system provides an appropriate manipulated font output to the user based on the user accessibility profile 210.
  • the system tracks Ux to determine user engagement metrics and preferences to respond appropriately 212. Once operations are complete, user flow ends 214.
  • Fig. 7b is a characteristic user flow for users with reading difficulties who manipulate fonts according to the method and system of Fig. 3.
  • User flow begins 300 when a user launches the mobile computing device app 302 and logs in with user account credentials 304.
  • the system accesses user account settings in the database 306, determining user accessibility profile and account type, thereby triggering an event that is selectively based on the user accessibility profile and account type, providing a customized service or resource for the user.
  • the user is able to upload a text file 308, whereby the user is able to mark partial or full text of interest in the file 310.
  • the system provides an appropriate manipulated font output to the user based on the user accessibility profile 312. Concurrently, the system tracks Ux to determine user engagement metrics and preferences to respond appropriately 314. Once operations are complete, user flow ends 316.
  • Fig. 7c is a characteristic user flow for users with reading difficulties who manipulate fonts according to the method and system of Fig. 3.
  • User flow begins 400 when a user launches the mobile computing device app 402 and logs in with user account credentials 404.
  • the system accesses user account settings in the database 406, determining user accessibility profile and account type, thereby triggering an event that is selectively based on the user accessibility profile and account type, providing a customized service or resource for the user.
  • the user is able to upload an image 408, whereby the user is able to mark partial or full text of interest in the image 410.
  • the system provides an appropriate manipulated font output to the user based on the user accessibility profile 412. Concurrently, the system tracks Ux to determine user engagement metrics and preferences to respond appropriately 414. Once operations are complete, user flow ends 416.
  • Figure 8a illustrates exemplary numbers and letters after regularly adding zebra-like stripes in a fixed manner within each number or letter.
  • Figure 8b illustrates an exemplary text in the new font of Fig. 8a.
  • Fig. 9 illustrates exemplary manipulated numbers and letters after the visual characteristic of angle is regularly varied in each number or letter.
  • Fig. 10 illustrates exemplary new font generated from received template user input after regularly adding rectangle shapes to the background of each letter, and a range of text sizes.
  • Fig. 11 illustrates exemplary new font in a range of text sizes, generated from the same received template user input after adding fixed shapes to the front of each letter and circles to the background of each letter.
  • Fig. 12 is a diagrammatic view illustrating the components of the methods and systems thereof for creating, editing and designing new font in a software application (app).
  • the system may include a user management module 500 comprising one or more databases including user data 502, user-related documents 504 and user fonts (CSS/JS, OTF and Image formats) 506.
  • the user management module is in communication with a Font Builder 518 configured to receive one or more inputs.
  • One or more inputs may comprise 1) imported photos, or GIFs, or video 508; 2) stock photos, or GIFs, or video 510; 3) Al photos, or GIFs, or video 512; 4) imported fonts 514; and 5) Stock fonts 516.
  • a new font may be created, edited, or designed by 1) using a "painter" interface for all font layers by the user (including Al tools) 520, or 2) using an Al-enabled font creator (Al font) by text or logo 522.
  • Al font Al-enabled font creator
  • the new font is generated, it is displayed to the user as a preview 526 and provided as one or more outputs comprising 1) CSS/JS 528; 2) OpenType Font (OTF) 530; or 3) software development kit (SDK) 532.
  • the output is a CSS/JS, it may be implemented as a plugin for frameworks (Font settings, Edit font) 534 or as a font used in Choreography (design) 536, then in a user website 538.
  • a CSS/JS output may be used in a digital art software module 540 comprising 1) graphic design software 542; and 2) a video creator 544.
  • the one or more outputs of the digital art software module 540 may be implemented as 1) a photo to print or share 544; 2) a PDF to print or share 546; or 3) a video 548.
  • the output When the output is an OTF 530, it may be implemented as a plugin for frameworks (Font settings, Edit font) 534 or as a font used in Choreography (design) 536, then in a user website 538 or various software 552.
  • frameworks Frameworks
  • design font used in Choreography
  • the output When the output is an SDK 532, it may be implemented in software applications (Apps) 554.
  • Selected fonts (My fonts) 556 from a user's database may be selected and provided as one or more outputs in the abovementioned process.
  • the system may further comprise an Al-enhanced font design solution (termed "Smart Font”), that utilizes advanced machine learning and natural language processing (NLP) technologies to create a dynamic, context-aware typography experience.
  • Smart Font Al-enhanced font design solution
  • Smart Font may adapt in real-time to the specific text being entered and the context in which it is used, embedded interactively on user websites, allowing the font to automatically adjust its style based on predefined categories.
  • NLP NLP to analyze the text input, enabling it to understand context and identify keywords that correspond to relevant categories.
  • This analysis feeds into a machine learning module that continuously refines the system's accuracy based on user interactions and preferences, improving font design recommendations over time.
  • a design recommendation system selects from a variety of design tools, which include color matching, shape processing, and multimedia integration, such as images or animations. This process ensures that each design element is chosen based on both the system’s understanding of the text and user-defined settings.
  • the Smart Font is integrated into client websites 538 or Apps 554 through an API interface, enabling real-time adaptation and ensuring that design changes are instantly reflected as users create or update content, resulting in a personalized and contextually appropriate font experience.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Document Processing Apparatus (AREA)

Abstract

The present disclosure provides a font creation system, and methods thereof, that enables users to create, edit and design custom fonts without requiring technical expertise in design. The system may facilitate the visual modification of a font's structural components, allowing users to alter its appearance while maintaining the underlying vector integrity. By integrating CSS capabilities with vector fonts, the system offers extensive design flexibility, including multi-color options, images, animations, and more, while significantly reducing font file sizes essential for web applications. The platform democratizes the font creation process, making it accessible for non-experts and efficient for professionals, streamlining the design workflow and saving time and resources. It may utilize Al -driven tools to enhance design precision and automate complex tasks, addressing potential challenges associated with manual CSS coding. The system ensures fast-loading fonts that do not compromise website performance or SEO outcomes, providing a seamless solution for generating dynamic, high-quality fonts tailored to users' unique needs. Overall, the present disclosure provides a transformative approach to font design, merging artistic freedom with practical efficiency.

Description

COMPUTER-IMPLEMENTED METHODS FOR CREATING, MANAGING AND DISPLAYING PERSONALIZED FONTS, AND SYSTEMS THEREOF
FIELD OF THE INVENTION
The present invention concerns methods and systems for creating, editing, managing, storing, distributing and/or rendering personalized fonts on a client-server architecture. More particularly, the present invention provides methods and systems thereof for automatically creating new fonts, which may serve a wide array of functions.
BACKGROUND OF THE INVENTION
The world of graphic design is constantly evolving, and the ability to stand out in the market is becoming increasingly difficult. With the rise of Al tools, design has become more accessible, but maintaining uniqueness requires meeting high standards and introducing something revolutionary to the market. One of the most critical aspects of design is typography, with fonts playing a significant role in shaping a design. Historically, font design revolved around the form of the letters, usually black TrueType Font (TTF), which varied in angle, thickness, and shape. Even with these limitations, fonts were a focal point in design, requiring investment in both resources (time, licensing) and expertise. Entire disciplines, such as typography, were dedicated to studying how letter shapes affect readers.
Text-based applications generally share common limitations. Most text-editors feature basic styles, such as size and underlining. Font choices provide visual variety, but are usually limited to the restricted set of fonts installed on the computer device or software. Personalization with new or unfamiliar fonts, although desirable, are often limited. This is partly owing to the complexity of current font creation and distribution tools. Personalized fonts are usually not accessible to the majority of casual users, thus forcing them to rely on existing sets of standard fonts.
Advanced users and professionals use an array of font creation solutions, which usually requires installation of a comprehensive software package. Font design software also presents some limitations, as it is usually a time-consuming manual process in which a designer creates a unique font. The visual characteristics of the font have to be designed and set manually for each character, text block or paragraph. Furthermore, even when a new font has been created or updated, it is problematic to distribute and apply it. A consequence is that most businesses, printing companies, educational organizations, advertisement agencies and designers, both amateur and professional, only use the very limited number of standard fonts that are installed in most computers and devices. The standard fonts typically lack a default color and are restricted to a narrow set of visual characteristics.
In recent years, there has been a breakthrough with the introduction of OpenType Font (OTF), which allows for multicolored fonts. These fonts can incorporate multiple colors within a single letter, creating a new design dimension. However, despite being a leap forward, the technology remains somewhat limited. To better understand the limitations of this technology, it is necessary to account for software and web application aspects.
In terms of Software: 1) Buying an OTF font: Designers can purchase pre -made OTF fonts, but this comes with limitations. They might find a font that fits their design needs in terms of shape, but not color or vice versa. Additionally, clients with established brand fonts may not want to change them completely but only make minor adjustments, which is challenging with pre-designed fonts; 2) Creating a custom OTF font: Some platforms and software allow users to create multicolored OTF fonts. However, this requires significant expertise in typography and design, making it less accessible to the average designer. Even for professionals, the design process is time-consuming. Additionally, OTF fonts are limited to Scalable Vector Graphics (SVG) design, which restricts the use of more advanced design elements such as images, Graphics Interchange Formats (GIFs), animations, and video. This limitation forces designers to resort to manual drawing instead of using pre-designed images, significantly increasing the time and effort required; 3) Designing text as an image: Another option is to design text as an image in software like Photoshop, combining all the elements (images, GIFs, etc.). However, this method makes it impossible to edit the text afterward, and any required changes would necessitate starting the design process from scratch. Storing such designs as a custom font would simplify future use, allowing easy text modifications without redesigning everything; 3) Converting fonts to images: Converting fonts to images sacrifices the quality, particularly when resizing, as vector fonts retain high resolution, whereas image fonts can become pixelated.
In terms of Web Applications: 1) Buying OTF fonts for websites: This option is impractical due to the large file sizes of OTF fonts, which slow down websites, affecting user experience and Search engine optimization (SEO) rankings. Therefore, these fonts are generally not recommended for web use; 2) Converting OTF to web fonts: There are online tools that convert OTF fonts into web-compatible formats. However, these conversions are often flawed, losing design elements such as color, resulting in basic black-and-white TTF-style fonts; 3) Creating a multicolored OTF font for the web: Few platforms support multicolored OTF fonts on websites. The Glyphs software, for example, allows the creation of OTF fonts that work on Chrome, but it only runs on Mac, limiting its accessibility. Even, when possible, these fonts are limited in design capabilities, such as using only simple color schemes. Furthermore, the large file sizes make them impractical for websites as they slow down page load times, negatively impacting SEO and user experience; 4) Using designed text as an image on websites: This approach allows for complex designs but negatively affects SEO. Since search engines cannot read text embedded in images, critical keywords in headers are lost, reducing the site's ranking on search engines like Google.
While Al is revolutionizing many areas of design, the font industry has yet to fully benefit from Al advancements. A tool leveraging Al could simplify the process of creating multicolored and complex fonts, making it accessible to both professionals and amateurs. Importantly, Al tools may assist in providing customized fonts to meet the needs of disabled population groups, such as those visually impaired.
Generally, in recent years, font design has evolved with the introduction of OTF fonts, which allow for the use of multiple colors within a single letter. Despite this breakthrough, current font technologies remain limited in several ways: 1) Eimited design capabilities: OTF fonts, while allowing for multicolored designs, are restricted to vector -based graphics (SVG), preventing the inclusion of richer elements such as images, GIFs, and animations; 2) Technical barriers: Creating custom OTF fonts requires specialized expertise in typography and design, making the process time-consuming and inaccessible to non-experts. Additionally, the file size of OTF fonts is often too large for practical use in web applications, slowing down page load times and negatively impacting SEO; 3) Editing limitations: When text is designed as an image, it becomes static, and any changes require redesigning from scratch. This significantly increases the time and resources required for ongoing projects; 4) Al Potential: While Al technologies have transformed many design processes, they have yet to be fully utilized in the font industry. An Al-based system could revolutionize font creation by simplifying the design process and expanding creative possibilities, making complex font designs more accessible and practical for both professionals and amateurs.
None of current existing techniques provide a convenient method for creating and sharing new original fonts, for example in email messages sent to recipients. In all or most of the prior art solutions, creation and use of a new font can only be performed in a time-consuming manual process, and on professional software programs. Moreover, the creation and the application of new original fonts are usually performed with two different software programs, which often produce a different result.
Furthermore, the lack of a method to automatically-generate new font confines the means available to assist individuals with reading difficulties. When presented with text, readers may often be faced with difficulties to read, process and understand its meaning. As a result, people may become easily distracted and miss important information. These difficulties may be temporary or permanent in nature, and be exacerbated by a poorly chosen font, poor line spacing or angling, or other elements. Lack of concentration and engagement problems are particularly common when a reader suffers from a chronic disability, such as attention deficit hyperactivity disorder (ADHD) or dyslexia. Additionally, a reader with visual impairment, such as color blindness, may also experience substantial difficulty when reading standard text font. Such difficulties may be manifested when reading in either an electronic reading device (i.e., an e-reader) or hard copy print. Consequently, the reader may miss a portion of the text (e.g., skip to a word or line later in the text), repeat a portion of the text (e.g., skip to a word or line earlier in the text), or search for a word of interest, ultimately prolonging the reading session and making it unpleasant. Various technologies and techniques attempt to improve text readability, typically via audio or visual aids. Yet, none of the aforementioned attempts disclose a method to provide a user with automatically-generated new font which is personalized and conformed to specific needs regarding reading difficulties.
Therefore, there is a long-felt need for an improved system that addresses these limitations by providing a more efficient, versatile, and accessible font design tool that leverages modern technologies such as Al. There is a need for a method and a system that enable users to easily create a new font, which is applicable in wide range of languages. For example, users should be able to create a font with one or more colors incorporated into letters or the background of letters, or any other type of font. This font creation tool should be adapted even to the most casual users, for example users who want to create a new font for email messages to a single recipient or use a newly created font in documents.
There is also a need for a method and a system that provide more advanced font design tools, more flexibility, and automatic application of newly created font over displayed texts. Ultimately, this will lead to more original displayed texts with greater variety.
There is further a need for a method and a system that enable automatic editing and display of new personalized font based on existing text to conform to the specific needs of users with reading difficulties, for example users with attention deficit hyperactivity disorder (ADHD).
SUMMARY OF THE INVENTION
The present invention provides computer-implemented methods and systems to automatically create, edit, and design new personalized fonts. The new personalized fonts may dynamically incorporate a wide range of visual characteristics, such as color of a letter or around a letter, distribution of colors within a letter, angle, shading, edges or addition of fixed shapes or images in different colors and sizes that can be applied to different letters. The present invention may be implemented in a programmed application (app), thereby enabling a platform for creating, managing and displaying personalized fonts in a wide range of languages. The platform may serve businesses, printing companies, educational organizations, advertisement agencies and designers, both amateur and professional, to easily create and apply new original fonts. The present invention further provides methods and systems in which a presented font in a mobile computing device app may be manipulated to enhance concentration and engagement of individuals with reading difficulties. When concerning users with attention deficit disorder (ADD) or attention deficit hyperactivity disorder (ADHD), the manipulated new font is novel and complex, thus providing continuous stimulus and leading the reader to focus and engage longer with the reading material. In contrast to prior art in the field, which provide methods to simplify font for improving text readability, the present invention manipulates font to become more complex and challenging, thereby compelling more focus and engagement from readers. Moreover, in order to maintain complex stimulus and avoid habituation of the reader, manipulated new font is frequently replaced with a different new font. Also, it offers long-term accessibility optimization for the reader based on machine learning operations. In one aspect of the invention, a computer -implemented method of creating new font comprising steps of: a. converting TrueType font (TTF) or any font type 14 to an image format in a one-time run using Python or another high-level general -purpose programming language 16; b. manipulating selected visual characteristics of the generated image comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 18; c. pairing the manipulated image 20 with the TrueType font or any font type to create a new font using FontLab software, or any font editor, or Python code, or another high-level general-purpose programming language 22;
In another aspect of the invention, the method above is provided, wherein the new font can be implemented to one or more letters in the language of interest.
In another aspect of the invention, the method as defined in any of above is provided, wherein the new font is stored in GitHub or another a high-level cloud-based storage platform 24.
In another aspect of the invention, the method as defined in any of above is provided, wherein the new font can be implemented in a software application (app).
In one aspect of the invention, a computer -implemented system for creating new font comprising: a. a processor 10; b. a memory 12 including instructions that when executed by the processor 10, configure the processor 10 to: i. convert TrueType font (TTF) or any font type 14 to an image format in a one-time run using Python or another high-level general-purpose programming language 16; ii. manipulate selected visual characteristics of the generated image comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 18; iii. pair the manipulated image 20 with the TrueType font or any font type to create a new font using FontLab software, or any font editor, or Python code, or another high- level general -purpose programming language 22; In one aspect of the invention, a method of creating new font in a software application (app) in a client-server mode, comprising the computer-implemented steps of: a. providing a user mobile computing device app 26, in Android, iOS, browser extension, or any component that renders web content, and communicating with a server 202 configured for: i. converting TrueType font (TTF) or any font type 27 to an image format in a one-time run using Python or another high-level general-purpose programming language 38; ii. manipulating selected visual characteristics of the generated image comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 40; iii. pairing the manipulated image 42 with the TrueType font or any font type to create a new font using Python code, or another high-level general-purpose programming language 44; iv. storing the new font in an external updatable database 30; b. delivering the new font 44 to the graphical user interface (GUI) of the mobile computing device app 26 in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content; c. providing user data concerning user experience (Ux) to an external updatable database 30 comprising user data 72, text data 74 and files 76; the user data concerning user preferences of the new fonts; d. implementing the user preferences to optimize the Ux for the user.
In another aspect of the invention, the method above is provided, wherein the new font can be implemented to one or more letters in the language of interest.
In one aspect of the invention, a system for creating new font in a software application in a client-server mode, comprising: a. a processor 34 b. a memory 36 including instructions that when executed by the processor 34, configure the processor 34 to i. receive user input comprising TrueType font (TTF) or any font type 27; ii. convert the TrueType font (TTF) or any font type 27 to an image format in a onetime run using Python or another high-level general-purpose programming language 38; iii. manipulate selected visual characteristics of the generated image comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 40; iv. pair the manipulated image with the TrueType font or any font type to create a new font using Python code, or another high-level general-purpose programming language 42; v. store the new font in an external updatable database 30; vi. deliver the new font 44 to the graphical user interface (GUI) of the mobile computing device app 26 in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content; vii. extend application programming interfaces (APIs) provided by external computing services 32 to interface with the computing services; and viii. process the user data associated with a user account, and the data from the plurality of data sources from other user accounts, to perform machine learning operations; the machine learning operations comprising steps of
1) determining necessity to train a machine learning module 60;
2) determining the user data concerning the Ux and the user interactions;
3) using the user data to train the machine learning module 60 to analyze and produce a result indicating to perform an update of the user preferences concerning the new font 44; and
4) configure the machine learning module 60 to perform an update of the user account; c. a database 30 comprising user data 72, text data 74 and files 76.
In one aspect of the invention, a method of manipulating font in a software application (app) in a client-server mode, comprising the computer-implemented steps of: a. providing a user mobile computing device app 26, in Android, iOS, browser extension, or any component that renders web content, and communicating with a server 28 configured for uploading user input comprising a text 29, or a text file 31, or an image 33; b. sending the user input to an Application Programming Interface (API) in Node.js, or any other server language in the server 39; c. processing the user input concerning the user 26; the processing comprising two steps; in the first step, converting the text file or the image to a text using API in Node.js or another high-level general-purpose programming language 39; in the second step, converting the text to a HyperText Markup Language (HTML) format 41, then displaying the HTML format in a new font 43; the HTML format may be converted to PDF format; d. delivering the new font 45 to the graphical user interface (GUI) of the mobile computing device app 26 in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content; e. providing user data concerning user experience (Ux) to an external updatable database 30 comprising user data 72, text data 74 and files 76; the user data concerning user preferences of the new fonts; f. implementing the user preferences to optimize the Ux for the user.
In another aspect of the invention, the method above is provided, wherein the manipulated font can be implemented to one or more letters in the language of interest.
In another aspect of the invention, the method as defined in any of above is provided, wherein the user has chronic concentration difficulties such as attention deficit disorder (ADD) or attention deficit hyperactivity disorder (ADHD).
In another aspect of the invention, the method as defined in any of above is provided, wherein the user has temporary concentration difficulties related to environmental or medical conditions.
In another aspect of the invention, the method as defined in any of above is provided, wherein the new font is replaced with different new font at each the uploading of user input.
In another aspect of the invention, the method as defined in any of above is provided, wherein the user has dyslexia disorder.
In another aspect of the invention, the method as defined in any of above is provided, wherein the user has memory impairment and forgetfulness. In another aspect of the invention, the method as defined in any of above is provided, wherein the user has visual impairment.
In another aspect of the invention, the method as defined in any of above is provided, wherein the user input is a text 29, the text comprising lines, the lines comprising words, the words comprising letters.
In another aspect of the invention, the method as defined in any of above is provided, wherein the user input is a text file 31, the text file comprising text, the text comprising lines, the lines comprising words, the words comprising letters.
In another aspect of the invention, the method as defined in any of above is provided, wherein the user input is an image 33.
In another aspect of the invention, the method as defined in any of above is provided, wherein the user input is a scan or photocopy of a hard copy print in text or image format.
In another aspect of the invention, the method as defined in any of above is provided, wherein the HTML format is set in a new font obtained from the cloud-based storage platform 24 of claim 3.
In another aspect of the invention, the method as defined in any of above is provided, wherein the user data comprising user engagement metrics based on reading frequency, reading duration, scrolling frequency, eye movement and mobile computing device movement.
In another aspect of the invention, the method as defined in any of above is provided, wherein the Ux is personalized according to customized readability criteria preferences for the user; the Ux comprising operation of a plurality of display parameters as determined from processed outputs of previous user interactions; the previous interactions comprise user data.
In one aspect of the invention, a system for manipulating font in a software application in a client-server mode, comprising: a. a processor 34 b. a memory 36 including instructions that when executed by the processor 34, configure the processor 34 to: i. receive user input comprising a text 29, or a text file 31, or an image 33; ii. send the user input for processing to an application programming interface (API) in Node.js 39, or any other server language in the server; the processing comprising two steps; in the first step, converting the text file or the image to a text using Python or another high-level general-purpose programming language 39; in the second step, converting the text to a HyperText Markup Language (HTML) format 41, then displaying the HTML format as a new font 43; The HTML format may be converted to PDF format; iii. deliver the new font 45 to the graphical user interface (GUI) of the mobile computing device app 26 in in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content; iv. extend application programming interfaces (APIs) provided by external computing services 32 to interface with the computing services; and v. process the user data associated with a user account, and the data from the plurality of data sources from other user accounts, to perform machine learning operations; the machine learning operations comprising steps of:
1) determining necessity to train a machine learning module 60;
2) determining the user data concerning the Ux and the user interactions;
3) using the user data to train the machine learning module 60 to analyze and produce a result indicating to perform an update of the user preferences concerning the new font 45; and
4) configure the machine learning module 60 to perform an update of the user account. c. a database 30 comprising user data 72, text data 74 and files 76.
In another aspect of the invention, the system above is provided, further comprising a login module 46 for enabling the user to log into the mobile computing device app.
In another aspect of the invention, the system as defined in any of above is provided, wherein the user 80 can be non-registered 82 with limited access to the system.
In another aspect of the invention, the system as defined in any of above is provided, further comprising a registration module 48 for registering the user 80; the registration 86 a process wherein the user 80 creates the user account with user login credentials by providing necessary information; the necessary information including username and password.
In another aspect of the invention, the system as defined in any of above is provided, further comprising an identity module 56 for creating a user profile by combining the username, the password, selected information, and a system generated attribute; the user profile is part of the user account stored in the database 30.
In another aspect of the invention, the system as defined in any of above is provided, further comprising an identity module 56 for creating a user accessibility profile by combining the username, the password, selected information, and a system generated attribute; the user accessibility profile is part of the user account stored in the database 30.
In another aspect of the invention, the system as defined in any of above is provided, further comprising an authentication module 50 for authenticating the user account; the authentication 88 verifying the user login credentials with the username and the password.
In another aspect of the invention, the system as defined in any of above is provided, further comprising an authorization module 52 for authorizing the user account; the authorization permitting access levels based on the user login credentials.
In another aspect of the invention, the system as defined in any of above is provided, further comprising a subscription module 54 for subscribing the user; the subscription 90 a process wherein registered users can subscribe the user account; the subscription enables the user to receive notifications, emails, SMSs, recommendations for reading material and newsletters. In another aspect of the invention, the system as defined in any of above is provided, wherein the identity module 56 provides functionality for the user to update the user login credentials.
In another aspect of the invention, the system as defined in any of above is provided, wherein the identity module 56 identifies the user login credentials through the database 30 and determines the user account type; the account types comprising of registered and subscribed accounts.
In another aspect of the invention, the system as defined in any of above is provided, wherein the system responds according to the user accessibility profile and the account type, triggering an event that is selectively based on the user accessibility profile and the account type, providing a service or resource based on the user accessibility profile and the account type.
In another aspect of the invention, the system as defined in any of above is provided, wherein the user 80 having used the system for the first time, and having registered thereof, is considered a registered user; the registered user necessarily has unique the accessibility profile and the account type; the system transforms the user input to conform with the needs of the user associated with the selected the user account in the database 30. In another aspect of the invention, the system as defined in any of above is provided, further comprising a settings module 58 for adjusting the size of the new font; the settings comprising a range of text sizes.
In another aspect of the invention, the system as defined in any of above is provided, further comprising a storage module 78 for storing the user data 72 related to the Ux preferences of the user account in the database 30.
In another aspect of the invention, the system as defined in any of above is provided, wherein the user data 72 is securely and efficiently stored in the database 30, while allowing retrieval as needed.
In another aspect of the invention, the system as defined in any of above is provided, wherein content generated, interacted with, or edited in association with the user account is stored in the database 30 or other storage types; the other storage types comprise external computing services 32; the external computing services for storage can be a directory service 94, a web portal 96, a mailbox service 98, an instant messaging store 101, or a social network 103.
In another aspect of the invention, the system as defined in any of above is provided, further comprising a user engagement tracking module 62 for monitoring and tracking user engagement metrics within the mobile computing device app; the user engagement metrics comprising reading frequency, reading duration, scrolling frequency, eye movement and mobile computing device movement.
In another aspect of the invention, the system as defined in any of above is provided, further comprising an analytics data collection module 64 for collecting the user data concerning the user engagement metrics, interactions, usage patterns, and app performance.
In another aspect of the invention, the system as defined in any of above is provided, further comprising an analytics data analysis module 66 for processing and analyzing the user data to extract insights concerning the user.
In another aspect of the invention, the system as defined in any of above is provided, wherein the Ux is improved over time by the machine learning module 60 based on the user data 72; the improvement comprised of personalizing content, optimizing performance, enhancing security, and providing feedback. In another aspect of the invention, the system as defined in any of above is provided, further comprising a push notification module 68 for pushing real-time notifications to the user based on triggered events or the user preferences.
In another aspect of the invention, the system as defined in any of above is provided, further comprising a social interaction module 70 for facilitating social interaction between the user and community forums, collaborations and chat functionality.
In one aspect of the invention, a system for creating a personalized font according to user needs using limited memory artificial intelligence (Al), comprising: a. an input/output (I/O) interface; b. one or more databases comprising images, videos, Graphics Interchange Formats (GIFs) and fonts; c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of the one or more tangible storage mediums for execution by at least one of the one or more processors via at least one of the one or more memories, wherein the system is configured to:
1 ) connect a user to the system;
2) commence a user session;
3) collect user data, by an Interview Al (IAI) bot, from a video interview; the IAI bot configured to ask the user a predefined set of questions for defining user needs; the user needs related to chronic concentration difficulties, dyslexia, memory impairment, forgetfulness, visual impairment, or any other temporary or chronic disability;
4) use one or more machine learning (ML) algorithms to infer user needs from the user data;
5) generate an interactive digital user profile (IDUP), by a digital user profile module, of the user based on the user needs;
6) select a user persona from a set of predetermined user personas that most closely associates with user needs of the IDUP based on the derived user data; 7) compute one or more matching fonts to meet user needs by using one or more ML algorithms;
8) rank the one or more matching fonts according to matching percentage; the percentage based on matching score of the IDUP and user needs;
9) automatically generate the one or more matching fonts by performing steps of: a) converting a text file or an image to a text using Python or another high- level general -purpose programming language; b) converting the text to a HyperText Markup Language (HTML) format; c) displaying the HTML format as a new font according to the user needs; the HTML format may be converted to PDF format; d) delivering the new font to the graphical user interface (GUI) of the mobile computing device app in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content.
In another aspect of the invention, the system above is provided, wherein the user has chronic concentration difficulties such as attention deficit disorder (ADD) or attention deficit hyperactivity disorder (ADHD).
In another aspect of the invention, the system as defined in any of above is provided, wherein the user has temporary concentration difficulties related to environmental or medical conditions.
In another aspect of the invention, the system as defined in any of above is provided, wherein the user has dyslexia disorder.
In another aspect of the invention, the system as defined in any of above is provided, wherein the user has memory impairment and forgetfulness.
In another aspect of the invention, the system as defined in any of above is provided, wherein the user has visual impairment.
In another aspect of the invention, the system as defined in any of above is provided, wherein the Al bot performs a vision test during the video interview to determine the user needs of a visually impaired user.
In one aspect of the invention, a method of creating a personalized font according to user needs using limited memory artificial intelligence (Al), comprising steps of: a. obtaining the system provided above; b. connecting a user to the system; c. commencing a user session; d. collecting user data, by an Interview Al (IAI) bot, from a video interview; the IAI bot configured to ask the user a predefined set of questions for defining user needs; the user needs related to chronic concentration difficulties, dyslexia, memory impairment, forgetfulness, visual impairment, or any other temporary or chronic disability; e. using one or more machine learning (ML) algorithms to infer user needs from the user data; f. generating an interactive digital user profile (IDUP), by a digital user profile module, of the user based on the user needs; g. selecting a user persona from a set of predetermined user personas that most closely associates with user needs of the IDUP based on the derived user data; h. computing one or more matching fonts to meet user needs by using one or more ML algorithms; i. ranking the one or more matching fonts according to matching percentage; the percentage based on matching score of the IDUP and user needs; j. automatically generating the one or more matching fonts by performing steps of: i. converting a text file or an image to a text using Python or another high-level general-purpose programming language; ii. converting the text to a HyperText Markup Language (HTML) format; iii. displaying the HTML format as a new font according to the user needs; the HTML format may be converted to PDF format; iv. delivering the new font to the graphical user interface (GUI) of the mobile computing device app in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content.
In one aspect of the invention, a system for creating a personalized font according to user needs using limited memory artificial intelligence (Al), comprising: a. an input/output (I/O) interface; b. one or more databases images, videos, Graphics Interchange Formats (GIFs) and fonts; d. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of the one or more tangible storage mediums for execution by at least one of the one or more processors via at least one of the one or more memories, wherein the system is configured to:
1 ) connect a user to the system;
2) commence a user session;
3) collect user data, by an Interview Al (IAI) bot, from a video interview; the IAI bot configured to ask the user a predefined set of questions for defining user needs; the user needs related to chronic concentration difficulties, dyslexia, memory impairment, forgetfulness, visual impairment, or any other temporary or chronic disability;
4) use one or more machine learning (ML) algorithms to infer user needs from the user data;
5) generate an interactive digital user profile (IDUP), by a digital user profile module, of the user based on the user needs;
6) select a user persona from a set of predetermined user personas that most closely associates with user needs of the IDUP based on the derived user data;
7) compute one or more matching fonts to meet user needs by using one or more ML algorithms;
8) rank the one or more matching fonts according to matching percentage; the percentage based on matching score of the IDUP and user needs;
9) automatically generate the one or more matching fonts by performing steps of: a) providing a TrueType font (TTF) or any font type in a font builder (FB); b) adding content to the TTF or any font type according to the one or more matching fonts to meet user needs using a three-layer selector (TLS) on top, middle and bottom layers, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, video or Graphics Interchange Format (GIF) that can be applied to different letters or video; c) applying the added content to the TTF or any font type; d) displaying a preview of the personalized font; e) exporting the personalized font as a plurality of files comprising JS, Cascading Style Sheets (CSS), and image or video or Graphics Interchange Format (GIF) files; and f) applying the plurality of files of the personalized font to a HyperText Markup Language (HTML) format in a website or web application.
In another aspect of the invention, the system above is provided, wherein the generation of the one or more matching fonts to meet user needs performed by steps of: a. providing a TrueType font (TTF) or any font type in a font builder (FB); b. adding content to the selected letters using a three-layer selector (TLS) on top, middle and bottom layers of the selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, or video; c. applying the added content to to the TTF or any font type; d. converting the top, middle and bottom layers to a scalable vector graphics (SVG) format; e. combining the top, middle and bottom layers into one unified SVG with regards to their z- indices; f. applying the middle layer as a pattern inside the fill attribute of the unified SVG; g. displaying a preview of the personalized font; h. encoding the unified SVG into an OpenType (OT)-SVG font format using an open-source library; i. applying the OT-SVG font format in a computer program or a web program.
In another aspect of the invention, the system as defined in any of above is provided, wherein the personalized font comprises a software development kit (SDK) file for app software.
In one aspect of the invention, a method of creating a personalized font according to user needs using limited memory artificial intelligence (Al), comprising steps of: a. obtaining the system provided above; b. connecting a user to the system; c. commencing a user session; d. collecting user data, by an Interview Al (IAI) bot, from a video interview; the IAI bot configured to ask the user a predefined set of questions for defining user needs; the user needs related to chronic concentration difficulties, dyslexia, memory impairment, forgetfulness, visual impairment, or any other temporary or chronic disability; e. using one or more machine learning (ML) algorithms to infer user needs from the user data; f. generating an interactive digital user profile (IDUP), by a digital user profile module, of the user based on the user needs; g. selecting a user persona from a set of predetermined user personas that most closely associates with user needs of the IDUP based on the derived user data; k. computing one or more matching fonts to meet user needs by using one or more ML algorithms; l. ranking the one or more matching fonts according to matching percentage; the percentage based on matching score of the IDUP and user needs; m. automatically generating the one or more matching fonts by performing steps of: i. providing a TrueType font (TTF) or any font type in a font builder (FB); ii. adding content to the TTF or any font type according to the one or more matching fonts to meet user needs using a three-layer selector (TLS) on top, middle and bottom layers, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, video or Graphics Interchange Format (GIF) that can be applied to different letters or video; iii. applying the added content to the TTF or any font type; iv. displaying a preview of the personalized font; v. exporting the personalized font as a plurality of files comprising JS, Cascading Style Sheets (CSS), and image or video or Graphics Interchange Format (GIF) files; and vi. applying the plurality of files of the personalized font to a HyperText Markup Language (HTML) format in a website or web application.
In another aspect of the invention, the method above is provided, wherein the generation of the one or more matching fonts to meet user needs performed by steps of: a. providing a TrueType font (TTF) or any font type in a font builder (FB); b. adding content to the selected letters using a three-layer selector (TLS) on top, middle and bottom layers of the selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, or video; c. applying the added content to to the TTF or any font type; d. converting the top, middle and bottom layers to a scalable vector graphics (SVG) format; e. combining the top, middle and bottom layers into one unified SVG with regards to their z- indices; f. applying the middle layer as a pattern inside the fill attribute of the unified SVG; g. displaying a preview of the personalized font; h. encoding the unified SVG into an OpenType (OT)-SVG font format using an open-source library; i. applying the OT-SVG font format in a computer program or a web program.
In another aspect of the invention, the method as defined in any of above is provided, wherein the personalized font comprises a software development kit (SDK) file for app software.
In one aspect of the invention, a system for editing font in a software application (app), comprising: a. an input/output (I/O) interface; b. one or more databases comprising font formats, user data, text data, images, videos, and Graphics Interchange Formats (GIFs); c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of the one or more tangible storage mediums for execution by at least one of the one or more processors via at least one of the one or more memories, wherein the system is configured to: a. receive an image, video, Graphics Interchange Format (GIF), or TrueType font (TTF) or any font type in a font builder (FB); b. select letters for editing; the selection may comprise all letters, a block of letters or specific letters; c. add content to the selected letters using a three-layer selector (TLS) on top, middle and bottom layers of the selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, video or Graphics Interchange Format (GIF) that can be applied to different letters or video; d. apply the added content to all letters, block of letters or specific letters; e. display a preview of the all letters, a block of letters or specific letters with added content; f. export the new font as a plurality of files comprising JS, Cascading Style Sheets (CSS), and image or video or Graphics Interchange Format (GIF) files; and g. apply the plurality of files to a HyperText Markup Language (HTML) format in a website or web application.
In another aspect of the invention, the system above is provided, wherein the TTF or any font type is received from the one or more databases or an external source.
In another aspect of the invention, the system as defined in any of above is provided, wherein the new font is applied as a plug-in or web extension.
In another aspect of the invention, the system as defined in any of above is provided, wherein the new font is applied in a website building platform.
In another aspect of the invention, the system as defined in any of above is provided, wherein the export further comprises TrueType font (TTF), OpenType font (OTF) or any font type.
In another aspect of the invention, the system as defined in any of above is provided, wherein the new font comprises a software development kit (SDK) file for app software.
In one aspect of the invention, a method of editing font in a software application (app), comprising steps of: a. obtaining the system provided above; b. receiving an image, video, Graphics Interchange Format (GIF), or TrueType font (TTF) or any font type in a font builder (FB); c. selecting letters for editing; the selection may comprise all letters, a block of letters or specific letters; d. adding content to the selected letters using a three-layer selector (TLS) on top, middle and bottom layers of the selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, video or Graphics Interchange Format (GIF) that can be applied to different letters or video; e. applying the added content to all letters, block of letters or specific letters; f. displaying a preview of the all letters, a block of letters or specific letters with added content; g. exporting the new font as a plurality of files comprising JS, Cascading Style Sheets (CSS), and image or video or Graphics Interchange Format (GIF) files; and h. applying the plurality of files to a HyperText Markup Language (HTML) format in a website or web application.
In one aspect of the invention, a system for creating a new font in a software application (app), comprising: a. an input/output (I/O) interface; b. one or more databases comprising font formats, user data, text data, images, videos, and Graphics Interchange Formats (GIFs); c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of the one or more tangible storage mediums for execution by at least one of the one or more processors via at least one of the one or more memories, wherein the system is configured to:
1) receiving a word or text-of interest and an image, video, Graphics Interchange Format (GIF), or TrueType font (TTF) or any font type in a font builder (FB);
2) select letters from the word or text-of-interest for editing; the selection may comprise all letters, a block of letters or specific letters;
3) add content to the selected letters using a three-layer selector (TLS) on top, middle and bottom layers of the selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, video or Graphics Interchange Format (GIF) that can be applied to different letters or video;
4) apply the added content to all letters, block of letters or specific letters; 5) display a preview of the all letters, a block of letters or specific letters with added content;
6) export the new font as an image, video or Graphics Interchange Format (GIF) file; and
7) apply the export file to a HyperText Markup Language (HTML) format in a website or web application.
In one aspect of the invention, a method of creating a new font in a software application (app), comprising steps of: a. obtaining the system provided above; b. receiving a word or text -of interest and an image, video, Graphics Interchange Format (GIF), or TrueType font (TTF) or any font type in a font builder (FB); c. selecting letters from the word or text-of-interest for editing; the selection may comprise all letters, a block of letters or specific letters; d. adding content to the selected letters using a three-layer selector (TLS) on top, middle and bottom layers of the selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, video or Graphics Interchange Format (GIF) that can be applied to different letters or video; e. applying the added content to all letters, block of letters or specific letters; f. displaying a preview of the all letters, a block of letters or specific letters with added content; g. exporting the new font as an image, video or Graphics Interchange Format (GIF) file; and h. applying the export file to a HyperText Markup Language (HTML) format in a website or web application.
In one aspect of the invention, a system for editing font in a software application (app), comprising: a. an input/output (I/O) interface; b. one or more databases comprising font formats, user data, text data, images, videos, and Graphics Interchange Formats (GIFs); c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of the one or more tangible storage mediums for execution by at least one of the one or more processors via at least one of the one or more memories, wherein the system is configured to:
1) receive an image, video, Graphics Interchange Format (GIF), or TrueType font (TTF) or any font type in a font builder (FB);
2) select letters for editing; the selection may comprise all letters, a block of letters or specific letters;
3) add content to the selected letters using a three-layer selector (TLS) on top, middle and bottom layers of the selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, or video;
4) apply the added content to all letters, block of letters or specific letters;
5) convert the top, middle and bottom layers to a scalable vector graphics (SVG) format;
6) combine the top, middle and bottom layers into one unified SV G with regards to their z-indices;
7) apply the middle layer as a pattern inside the fill attribute of the unified SVG;
8) display the all letters, a block of letters or specific letters with added content;
9) encode the unified SVG into an OpenType (OT)-SVG font format using an open-source library;
10) apply the OT-SVG font format in a computer program or a web program.
In another aspect of the invention, the system above is provided, wherein the font is defined as a customized font file.
In another aspect of the invention, the system as defined in any of above is provided, wherein the added content to the customized font file is a Graphics Interchange Format (GIF) animation.
In one aspect of the invention, a method of editing font in a software application (app), comprising steps of: a. obtaining the system provided above; b. receiving an image, video, Graphics Interchange Format (GIF), or TrueType font (TTF) or any font type in a font builder (FB); c. selecting letters for editing; the selection may comprise all letters, a block of letters or specific letters; d. adding content to the selected letters using a three-layer selector (TLS) on top, middle and bottom layers of the selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, or video; e. applying the added content to all letters, block of letters or specific letters; f. converting the top, middle and bottom layers to a scalable vector graphics (SVG) format; g. combining the top, middle and bottom layers into one unified SVG with regards to their z- indices; h. applying the middle layer as a pattern inside the fill attribute of the unified SVG; i. displaying the all letters, a block of letters or specific letters with added content; j. encoding the unified SVG into an OpenType (OT)-SVG font format using an open-source library; k. applying the OT-SVG font format in a computer program or a web program
In one aspect of the invention, a system for designing font in a software application (app), comprising: a. an input/output (I/O) interface; b. one or more databases comprising font formats, user data, text data, images, videos, and Graphics Interchange Formats (GIFs); c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of the one or more tangible storage mediums for execution by at least one of the one or more processors via at least one of the one or more memories, wherein the system is configured to: 1) receive a font of interest as an OT-SVG, SDK or plurality of files comprising JavaScript (JS), Cascading Style Sheets (CSS), and image or video or Graphics Interchange Format (GIF) files in a font builder (FB);
2) display the font of interest on the interface;
3) add content to the background of the font of interest comprising fixed shapes, images in different colors and sizes, video or GIFs;
4) apply the added background content to the font of interest;
5) display the font of interest with added background content;
6) export the font of interest with added background content according to predefined settings as an image, video or Graphics Interchange Format (GIF) files; and
7) upload the font of interest with added background content to a platform or app of interest;
In another aspect of the invention, the system above is provided, wherein the platform of interest is a social media platform, instant messaging (IM) service, or voice -over-IP (VoIP) service.
In another aspect of the invention, the system as defined in any of above is provided, wherein the font of interest with added background content is applied as an advertisement, a message, a notice, or a post.
In one aspect of the invention, a method of designing font in a software application (app), comprising steps of: a. obtaining the system provided above; b. receiving a font of interest as an OT-SVG, SDK or plurality of files comprising JavaScript (JS), Cascading Style Sheets (CSS), and image or video or Graphics Interchange Format (GIF) files in a font builder (FB); c. displaying the font of interest on the interface; d. adding content to the background of the font of interest comprising fixed shapes, images in different colors and sizes, video or GIFs; e. applying the added background content to the font of interest; f. displaying the font of interest with added background content; g. exporting the font of interest with added background content according to predefined settings as an image, video or Graphics Interchange Format (GIF) files; and h. uploading the font of interest with added background content to a platform or app of interest.
In one aspect of the invention, a system for integrating two or more Graphics Interchange Formats (GIFs), comprising: a. an input/output (I/O) interface; b. one or more databases comprising font formats, user data, text data, images, videos, and Graphics Interchange Formats (GIFs); c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of the one or more tangible storage mediums for execution by at least one of the one or more processors via at least one of the one or more memories, wherein the system is configured to:
1) receive user input comprising two or more GIFs;
2) detect key parameters from each GIF; the key parameters comprising cumulative frame timing, disposal method, canvas dimensions (width and height), position (x, y), rotation (in degrees), number of frames, and delay for each frame;
3) combine all frames from the two or more GIFs intermittently into a single frame stack;
4) ensure all frames from the two or more GIFs single frame stack alternate in the correct sequence with desired timing and the detected key parameters;
5) if frames use disposal method, then clear previous frames to preserve the intended animation properties;
6) clone raster and vector images into the all frames to appear static;
7) encode the single frame stack into a single, combined GIF image;
8) display the combined GIF image; and
9) export the combined GIF image. In another aspect of the invention, the system above is provided, wherein the raster or vector images comprise Joint Photographic Experts Group (JPEG), Portable Network Graphics (PNG), or Scalable Vector Graphics (SVG).
In one aspect of the invention, a method of integrating two or more Graphics Interchange Formats (GIFs), comprising steps of: a. obtaining the system provided above; b. receiving user input comprising two or more GIFs; c. detecting key parameters from each GIF ; the key parameters comprising cumulative frame timing, disposal method, canvas dimensions (width and height), position (x, y), rotation (in degrees), number of frames, and delay for each frame; d. combining all frames from the two or more GIFs intermittently into a single frame stack; e. ensuring all frames from the two or more GIFs single frame stack alternate in the correct sequence with desired timing and the detected key parameters; f. if frames use disposal method, then clearing previous frames to preserve the intended animation properties; g. cloning raster and vector images into the all frames to appear static; h. encoding the single frame stack into a single, combined GIF image; i. displaying the combined GIF image; and j. exporting the combined GIF image.
In one aspect of the invention, a design adaptation system for modifying design elements based on a selected font from a font database, comprising: a. a font identification module configured to identify structural characteristics of the selected font, including stroke width, curve shape, and unique design elements; b. an adjustment module operable to automatically modify design elements based on the identified structural characteristics, including: i. a proportional scaling component for adjusting the size and spacing of the design elements to align with the proportions of the selected font; ii. a stylistic alignment component to ensure that additional design features complement the inherent style of the selected font; iii. a structural integrity component for maintaining the original character and readability of the selected font; c. a user customization interface that provides tools for further modification of design elements while adhering to the structural requirements of the selected font; and d. a consistency and compatibility module that ensures all adapted designs remain consistent and compatible with various font structures in the font database.
In one aspect of the invention, a computer-implemented method for adapting design elements to a selected font from a font database, comprising steps of: a. identifying structural characteristics of the selected font, including stroke width, curve shape, and unique design elements; b. automatically adjusting design elements based on the identified structural characteristics, including: i. proportional scaling of size and spacing of the design elements to align with the proportions of the selected font; ii. stylistic alignment of additional design features to complement the inherent style of the selected font; iii. maintaining structural integrity of the selected font to preserve its original character and readability; c. providing user customization tools that allow further modification of design elements while adhering to the structural requirements of the selected font; and d. ensuring consistency and compatibility of all adapted designs with the various font structures in the font database.
In one aspect of the invention, a font restoration and enhancement system, comprising: a. a disassembly module configured to break down a font into its basic components, including letters, symbols, and spacing; b. a redesign module operable to adjust the shapes, refine the colors, and enhance the geometries of the disassembled font components; c. a restoration module designed to recover lost data from the disassembly process, including: i. a mechanism for defining appropriate letter spacing to ensure readability; ii. a mechanism for establishing consistent word spacing; and iii. a mechanism for ensuring proper line breaks to prevent word splitting when transitioning to a new line; and d. a data retrieval module configured to maintain consistent data throughout the restoration process, ensuring adherence to accepted standards in font design.
In one aspect of the invention, a computer-implemented method for restoring and enhancing fonts, comprising steps of: a. disassembling a font into its basic components, including letters, symbols, and spacing; b. redesigning the disassembled font components by adjusting shapes, refining colors, and enhancing geometries of the letters and symbols; c. restoring lost data from the disassembly process, including: i. defining appropriate letter spacing to ensure readability; ii. establishing consistent word spacing; and iii. ensuring proper line breaks to prevent word splitting when transitioning to a new line; and d. retrieving and maintaining consistent data throughout the restoration process to ensure adherence to accepted standards in font design.
In one aspect of the invention, a dynamic font adaptation system for a website, comprising: a. a text analysis module configured to utilize Natural Language Processing (NLP) for identifying contextual keywords and predefined categories from user -generated text; b. a machine learning module that learns from user interactions to enhance font design recommendations over time; c. a design selection module that chooses design elements from a built-in set of tools based on the analysis of the text, wherein the design elements include color matching, shape processing, and multimedia integration; d. an API interface for embedding the dynamic font into the client’s website, facilitating realtime communication between the client’s servers and a central font server; and e. a real-time monitoring component that continuously tracks changes in the text input and automatically updates the font design to ensure contextual relevance with the latest content.
In one aspect of the invention, a computer-implemented method for dynamically adapting font design on a website based on user-generated text, comprising steps of: a. analyzing the text input using Natural Language Processing (NLP) to identify contextual keywords and predefined categories associated with the text; b. leveraging a machine learning module to learn from user input and improve font design recommendations over time; c. selecting design elements from a built-in set of design tools based on the analyzed text, wherein the design elements include color matching, shape processing, and multimedia integration; d. embedding the dynamic font design into the client’s website via an API interface, enabling real-time communication between the client’s servers and a central font server; and e. continuously monitoring changes in the text input and automatically updating the font design in real-time to reflect the latest content and contextual relevance.
In one aspect of the invention, a low-weight font design system utilizing artificial intelligence (Al), comprising: a. an input module configured to receive design requests from users for specific characters; b. an Al processing unit that generates visual examples of designs for specified characters based on the user input; c. a layer management module that breaks down each generated design into three distinct layers, including a top layer for decorative elements, a middle layer for the basic structure of the character, and a bottom layer for background or supporting elements; d. an application module that applies the three layers to all characters in the font, dynamically adjusting the position and shape of each layer according to the specific characteristics of each character; e. a weight optimization engine that represents each layer as a separate image, ensuring the entire font is composed of only three images corresponding to each layer; f. a positioning script module that dynamically adjusts the alignment of layers for each character based on its unique shape while utilizing shared images across the font; and g. an output generation module that produces a designed font maintaining a consistent design style for all characters while achieving a minimal file weight equivalent to just three images.
In one aspect of the invention, a computer-implemented method for designing a low -weight font using artificial intelligence (Al), comprising steps of: a. receiving a design request from a user for a specific character; b. generating a visual example of the design for the specified character using an artificial intelligence algorithm; c. breaking down the generated design into three distinct layers, including a top layer for decorative elements, a middle layer representing the basic structure of the character, and a bottom layer for background or supporting elements; d. applying the three layers to all characters in the font, dynamically adjusting the position and shape of each layer according to the specific characteristics of each character; e. optimizing the font weight by representing each layer as a separate image, such that the entire font is composed of only three images, each corresponding to a respective layer; f. utilizing a custom positioning script to ensure accurate alignment of layers for each character based on its unique shape while sharing images across the font; and g. outputting a designed font that maintains a consistent design style for all characters while achieving a minimal file weight equivalent to just three images.
In one aspect of the invention, a system for automatically updating font designs on a user’s website utilizing artificial intelligence (Al), comprising: a. a font embedding module configured to integrate a customizable font into the user’s website; b. a date recognition mechanism that interfaces with external date databases and user -defined lists to retrieve important upcoming dates; c. an Al-based design update module that analyzes the existing font and generates new design options based on the identified dates while preserving core branding elements; d. a user interface module that presents the generated design options to the user for approval at least 24 hours prior to the upcoming event; e. an automatic implementation module that applies the approved design updates across all areas of the website where the font is displayed; and f. a restoration module that reverts the font to its original design after the event concludes, ensuring consistent branding throughout the user’s website.
In one aspect of the invention, a computer-implemented method for automatically updating font designs for a user’s website using artificial intelligence (Al), comprising steps of: a. embedding a font on the user’s website; b. retrieving important upcoming dates from external date databases and user-defined lists using a date recognition mechanism; c. analyzing the existing font using an Al-based design update algorithm to generate new design options tailored to the identified dates while preserving core branding elements; d. presenting the generated design options to the user 24 hours prior to the upcoming event for approval; e. upon receiving user approval, automatically applying the new design updates across all areas of the website where the font is displayed; and f. reverting the font to its original design after the event concludes, ensuring the consistent branding of the user’s website.
In one aspect of the invention, a system for dynamically managing font designs on a website, comprising: a. a user interface configured to receive user-defined rules for font design customization based on specified positions within webpage content; b. a position and timer detection module that identifies specific locations of text elements on the webpage, including but not limited to the first letter of each sentence, specific words, or predetermined lines; c. a timer module that facilitates timed design changes, configured to trigger a change in font design after a user-specified duration; d. a real-time update engine that employs Asynchronous JavaScript and XML (AJAX) or another similar technique to apply font design changes without reloading the webpage; e. a dynamic font rendering module utilizing custom CSS to implement the font design changes according to the identified user-defined rules; f. a database mechanism for storing user settings and tracking the history of font design changes, ensuring personalized application of designs across various instances of the webpage; and g. a display module that renders the dynamically updated font designs on the webpage in accordance with the defined user rules, enhancing the visual presentation and user engagement of the site.
In one aspect of the invention, a method for dynamically managing font designs on a website, comprising the steps of: a. receiving user-defined rules for font design customization based on specified positions within webpage content; b. identifying the specific locations of text elements on the webpage using a Position and Timer Detection Mechanism, wherein the locations include but are not limited to the first letter of each sentence, specific words, or predetermined lines; c. implementing a timer to facilitate timed design changes, wherein the timer is configured to trigger a change in font design after a user-specified duration; d. applying the font design changes in real-time using Asynchronous JavaScript and XML (AJAX) or another similar technique, allowing for updates without reloading the webpage; e. utilizing custom CSS to render the font designs based on the user -defined rules, ensuring that the adjustments are made according to the specific positions identified; f. storing user settings and tracking the history of font design changes in a database mechanism to ensure personalized application of designs across different webpage instances; and g. displaying the dynamically updated font designs on the webpage in accordance with the defined user rules, thus enhancing the visual presentation and user engagement of the site.
BRIEF DESCRIPTION OF THE DRAWINGS
The present invention will be understood and appreciated more fully from the following detailed description taken in conjunction with the figures in which:
Figure 1 is a high-level process flow diagram illustrating the steps involved in the method and system thereof for creating new font, in accordance with an embodiment of the present disclosure.
Figure 2 is a diagrammatic view illustrating the components of the methods and systems thereof for creating new font in the app, in accordance with an embodiment of the present disclosure.
Figure 3 is a diagrammatic view illustrating the components of the methods and systems thereof for manipulating font in the app, in accordance with an embodiment of the present disclosure.
Figure 4 is a process flow diagram illustrating the initial steps involved in the user launching the app, in accordance with an embodiment of the present disclosure. Figure 5 is a diagrammatic view illustrating the components of the methods and systems thereof of Figs. 2 and 3, including external computing services, in accordance with an embodiment of the present disclosure.
Figure 6 is a high-level process flow diagram for one implementation of the method and system thereof of Fig. 2, in accordance with an embodiment of the present disclosure.
Figure 7a-c is a high-level process flow diagram for several implementations of the method and system thereof of Fig. 3, in accordance with an embodiment of the present disclosure.
Figure 8 illustrates exemplary numbers and letters in a new font created in the app. Figure 8b illustrates an exemplary text in the new font of Fig. 8a, in accordance with an embodiment of the present disclosure. Figure 9 illustrates exemplary manipulated numbers and letters generated from received template numbers and letters after the visual characteristic of angle is regularly varied in each number or letter, in accordance with an embodiment of the present disclosure.
Figure 10 illustrates exemplary new font generated from received template user input after regularly adding rectangle shapes to the background of each letter, and a range of text sizes, in accordance with an embodiment of the present disclosure.
Figure 11 illustrates exemplary new font in a range of text sizes, generated from received template user input after adding fixed shapes to the front of each letter and circles to the background of each letter, in accordance with an embodiment of the present disclosure.
Figure 12 is a diagrammatic view illustrating the components of the methods and systems thereof for creating, editing and designing font, in accordance with an embodiment of the present disclosure.
DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS
For the purposes of promoting an understanding of the principles of the invention, reference will now be made to the embodiments illustrated in the figures and specific language will be used to describe the same. While examples and features of disclosed principles are described herein, modifications, adaptations, and other implementations are possible without limitation of the scope of the disclosed embodiments. Any further applications of the principles as described herein are contemplated as would normally occur to one skilled in the art.
This disclosure employs open-ended permissive language, indicating for example, that some embodiments “may” employ, involve, or include specific features. The use of the term “may”, and other open-ended terminology is intended to indicate that although not every embodiment may employ the specific disclosed feature, at least one embodiment employs the specific disclosed feature.
In the following description, various working examples are provided for illustrative purposes. However, is to be understood the present disclosure may be practiced without one or more of these details. Reference will now be made in detail to non-limiting examples of this disclosure, examples of which are illustrated in the accompanying images. The examples are described below by referring to the figures, wherein like reference numerals refer to like elements. When similar reference numerals are shown, corresponding description(s) are not repeated, and the interested reader is referred to the previously discussed figure(s) for a description of the like element(s).
Various embodiments are described herein with reference to a method or system. It is intended that the disclosure of one is a disclosure of all. For example, it is to be understood that disclosure of a system described herein also constitutes a disclosure of methods implemented by the system, via, for example, at least one processor. It is to be understood that this form of disclosure is for ease of discussion only, and one or more aspects of one embodiment herein may be combined with one or more aspects of other embodiments herein, within the intended scope of this disclosure.
An “application” (commonly referred to as an “app”) as used herein may refer to, but is not limited to, a “software application”, an element of a “software suite”, a computer program designed to allow an individual to perform an activity, a computer program designed to allow an electronic device to perform an activity, and a computer program designed to communicate with local and/or remote electronic devices.
The present disclosure may be utilized in a wide array of functions and services, such as: 1) Web Developers and Designers: The success of a website relies significantly on design, which requires creativity and resource efficiency. Unique designs are crucial for their portfolios to stand out and attract more work. However, existing font technologies limit their options, leading to a lack of innovative typography in web design; 2) Graphic Designers and Digital/Print Designers: They can create styled text for specific designs, but need to design custom fonts to save time and costs. The complexity and cost of creating a complete font can hinder their work, necessitating an easier system that meets their design goals; 3) Software Companies: need for platforms that enable developers and designers to stand out while also looking to reduce costs as employers of these professionals;
4) Product and Service Companies: reduce costs and improve quality while ensuring their digital presence is attractive and effective for SEO; 5) Advertising Professionals: continuously search for unique and creative options to attract customers, and there is a need for accessible fonts to reach new audiences; 6) Authors and Publishers: The ability to use multi-colored fonts in complex designs can help in publishing, especially for children's books, without incurring excessive costs; 7) Printing Companies: often deal with non-professional clients who need unique designs, emphasizing the need for a simple font creation tool that is accessible; 8) Education: Teachers require tools to create engaging content, particularly for students with learning difficulties, needing an easy-to-use system for personalized designs; 9) Private Individuals: managing a form of communication on social media and providing unique ways of expression, requiring user-friendly font design solutions; and 10) Individuals with Disabilities: This group requires personalized font creation tools for accessibility, allowing them to express creativity and meet their specific needs without external assistance. Overall, there is a clear need for accessible and straightforward systems that can address these diverse requirements, streamline workflows, and enhance final outputs.
The present disclosure fundamentally changes the current approach to font design. The overall aim of the present disclosure is to establish a clear distinction between designing a font and creating a font. The present disclosure allows the restoration of old TTF fonts as "blueprints" or "canvases" for artistic and unique designs, enabling anyone to create fonts without requiring technical expertise. Even for professionals, the software significantly reduces the resources needed to produce an artistic and impressive font. The design experience emphasizes high-level artistic quality comparable to reconstructing a font from scratch. The choice of tools integrated into the software allows for complete transformation of a font down to its fundamental structure, while maintaining an intuitive design process that does not require professional knowledge.
In one embodiment, the present disclosure is a software platform for creating artistic fonts through design alone. It operates on an innovative model utilizing pre-made vectors, eliminating the need for specialized knowledge and minimizing resource waste.
Current font design, such as multi-color fonts (available through OTF technology), is insufficient for comprehensive font styling. A goal of the present disclosure is to enable far more intricate designs akin to image editing, including layers, color combinations, images, GIFs, videos, and animations, without compromising the vector-based quality of the font. To this end, the present disclosure provides an innovative model that combines the quality of vector-based fonts (as constructed by font creators) with CSS-based styling. This ensures that while the vector serves as a foundation, the CSS painter adds artistic design elements, preserving the vector quality while allowing freeform artistic expression. The core advantage lies in maintaining font quality, as scaling does not degrade the vector structure, while the design remains open to creative freedom. Although modern fonts represent an evolution of CSS- based text, there is no need to abandon CSS's design potential, as the present disclosure integrates both aspects to allow free CSS styling without compromising the font's vector integrity. To achieve the desired outcome, the present disclosure focuses on these key objectives: 1) Eliminating the need for professional knowledge, time, and resources required to build a font from its skeleton; 2) Enabling significantly higher design capabilities compared to current OTF fonts; 3) Optimizing the font's weight, ensuring practical use in websites and applications. This involves breaking down the font, realtime tracking of its weight, and implementing an image and design storage system tailored for efficient font use in web environments; and 4) Addressing issues related to word segmentation and SEO optimization, ensuring search engines can read headings as whole words rather than mere collections of letters, preventing significant harm to site ranking and SEO performance.
The innovation of the present disclosure is twofold: 1) An innovative model for creating artistic fonts easily, without requiring professional knowledge, while saving resources; and 2) A technological approach to enabling artistic fonts to function effectively and practically on websites.
Although the software is currently focused primarily on CSS due to its broad design capabilities, the present disclosure aims to make font design more practical and user-friendly. In parallel, the present disclosure may enhance OTF capabilities for users who prefer to incorporate them into websites or design software. The Font Builder in the present disclosure will also support OTF as an output option, although its capabilities will remain relatively limited compared to CSS -based fonts. However, these limitations will still exceed current OTF functionality, particularly in terms of the four guiding principles outlined above. In line with its goals in the field of font design, the present disclosure integrates Al tools for artistic rendering and graphic design. The ultimate objective is to become the Al of fonts, offering users the ability to request specific fonts in text format and receive both code and a final font output. Further features of the smart font system and its capabilities will be detailed in the following chapters.
The following details Product Description of the present disclosure: 1) User Eogin: Users may log in via Firebase, either through email or social media. Firebase offers numerous benefits, such as easy integration and built-in security, with cross-platform support. After registration, users may have access to a personal area where they can manage their profiles and the fonts they’ve created, edit fonts, or export them in the desired format. Users may also have access to the builder tool to start new projects. An additional login option will be available via the software’s plugin. The personal area will evolve into a user interface with community forums; 2) Technology: User Management: MySQL database management: Security: Next.js enhances website security through automatic updates and server-side rendering, protecting against threats such as XSS attacks. Additionally, secure coding practices and HTTPS protocols may be used. The website may be SSL-encrypted and may offer two-factor authentication as necessary; 3) Font Builder: The "core" of the present disclosure, responsible for font design, may consist of two main windows: on one side, a canvas for drawing, and on the other, a grid of characters. Users can import a basic TTF font or choose from an internal library, with the selected font serving as the skeleton or canvas for design. Design may be divided into two levels, with options to combine them: a) Uniform Design for the Entire Font: Design may be divided into layers using a CSS selector, and any changes will be displayed live on the font characters in the preview table, enabling real-time adjustments; and b) Unique Design for Each Character: By double-clicking on a character, users can access a dedicated design tool for complex modifications, including the ability to add or cut elements from the character skeleton. Upon completing the design, users may export the font, which will be converted into CSS and JavaScript code, with the completed font stored in the personal area for future use or further customization.
The present disclosure may provide the following: 1) Creation of a New Font Solely Through Design: This innovation allows the creation of fonts without the need for technical expertise in vector design, focusing entirely on the aesthetic design process; 2) Visual Modification of the Font's "Skeleton": While the font's underlying vector structure remains unchanged, the software enables users to visually alter the font's basic skeleton, providing the appearance of structural changes without affecting the vector foundation; 3) Integration of CSS Capabilities with Vector Fonts: The novelty here lies in combining the design freedom offered by CSS with the high-quality resolution of vector fonts. This allows for artistic modifications while preserving the font's vector integrity, ensuring scalability without loss of quality; 4) Accessible Artistic Experience for All Users: The system makes it possible for non-experts to design unique fonts without needing vector-based technical skills, democratizing the font creation process; 5) Ease of Use for Professionals: The platform enables even professionals to create designs quickly, saving significant time and resources. The horizontal design process allows for rapid implementation, translating into cost savings; 6) File Size Optimization: By leveraging CSS instead of traditional glyphs, the software significantly reduces the font file size, which is crucial for practical use in websites and applications. Users may even create fonts using only select letters. Additionally, the software includes tools that minimize the output's file size by dynamically calculating the most efficient storage method for each design layer (e.g., dynamic images, GIFs, videos). The system also alerts designers to the weight impact of their design choices and offers recommendations for optimizing the output; 7) New Design Capabilities for Fonts: By incorporating CSS, the software offers extensive design possibilities, including multi-color options, images, GIFs, videos, and animations; 8) Transparent Modification Without Vector Points: The platform allows users to modify the visual appearance of the font without altering its vector structure. For example, users may visually modify the shape of a letter by using a reflection technique that simulates a cut without actually changing the vector. This preserves the font's integrity while providing a visually distinct result;
9) Augmenting Fonts with Additional Elements: Users may add new elements to a glyph without modifying the original vector. The system can integrate objects into the font that behave like vectors (e.g., an Al -generated SVG), ensuring that any added component seamlessly adopts the font's design attributes; 10) Movement-Based Fonts: The software may enable the creation of dynamic fonts that transition between letters, focusing on word-level design rather than individual glyphs; 11) Al -Driven Design Tools: The software may integrate Al for accessing image, GIF, and video libraries, as well as enhancing precision and ease of design. Al also aids in managing fonts on websites; and
12) Addressing Potential Issues with Manual Code Creation: a) Manual Code Creation vs. Software Efficiency: While it is theoretically possible for developers to manually write CSS code for a custom font, even basic tasks such as importing images require extensive time and effort. More complex operations like cutting, reflecting, and layering, tasks handled efficiently by the software, would take a seasoned developer many hours per font. In contrast, the present disclosure may generate these designs in minutes; b) File Size Challenges: Color fonts tend to be heavy files, which can slow down website performance. Slow websites negatively impact both user experience and search engine optimization (SEO). The present disclosure includes tools and algorithms to mitigate these issues, ensuring lightweight, fast-loading fonts; and c) Word Recognition in CSS: When a font is created using CSS code, browsers may treat the characters as individual symbols rather than recognizing the semantic meaning of words. This creates two issues: (1) improper word wrapping, where a word is split across lines, and (2) SEO drawbacks, as search engines cannot properly interpret CSS-based headings. The present disclosure offers solutions to both problems, preserving the integrity of the text and improving SEO outcomes. In summary, while developers could theoretically create fonts using manual CSS code, they would face numerous challenges including wasted resources, inferior results, and impractical fonts for web use. The present disclosure may provide a streamlined, efficient solution that overcomes these barriers.
In terms of a technical Description of the Font Builder System, the Font Builder of the present disclosure may be developed using React and written in TypeScript, which is an extension of JavaScript, alongside the Next.js framework. The Font Builder is built from scratch, leveraging external React libraries to ensure smooth operation without relying on outdated technologies. The software of the present disclosure may be designed from the outset with automated testing and continuous deployment (CI/CD). This approach ensures that changes that do not meet strict requirements will not affect the system, preventing future disruptions. The system includes both testing and continuous integration (CI) and continuous deployment (CD) mechanisms. The code may be managed in a GitEab repository. When code is pushed to the development branch in GitEab, automated tests are triggered. Only if all tests pass successfully is the code push completed; otherwise, an error is thrown, and the code must be corrected. If the push succeeds, an automatic deployment of the project code from the GitEab repository to the hosting server is performed. Automated tests may include unit tests via Jest and end-to-end testing using Playwright.
In terms of Run-time Structure, the drawing tool and the display of the present disclosure are two components within the React application, built with a publisher-subscriber architecture. The display component (subscriber) "subscribes" to the drawing tool component (publisher) to receive real-time updates on any changes in the drawing tool, and it updates the display accordingly. Since this is a single application, no network calls are involved, so there is no latency, and feedback is immediate.
The export component is another part of this architecture, with the browser itself acting as the publisher. As such, it is triggered immediately when the user presses a button. The file generation process is entirely based on proprietary technology, without reliance on external components. This ensures no network calls, no latency, and immediate availability for download by the user. Actual download speeds depend on the user's internet connection quality.
Reference is now made to the Font Design Process from a Technological Perspective: 1) A black-and- white TTF font is imported; 2) A specific block of HTME, marked by class = x, is modified, where the user defines the value of x; 3) For each letter in that block, a CSS 3-layer selector (after, before, inside) is added. In these three layers, images, videos, or GIFs are displayed; 4) Universal Design: The user can select one image for the lower layer, a second image for the upper layer, and a third for the inner part of the letters, which affects all the letters; and 5) Subset of Universal Design: A set of selected letters will have their own unique 3-layer design, each letter will have three different layers.
In terms of Dynamic Image Generation, given the large number of images (3 for each letter, multiplied by the number of letters in the font), the typical TCP three-way handshake would require dozens or hundreds of network requests. To optimize this process, the the present disclosure provides a method that combines all the images into a single image, with each font receiving its specific portion of the dynamic image. This reduces network calls to a single instance, significantly improving website processing time and ensuring that sites using the font run efficiently without driving users away due to long load times. This solution is prioritized to ensure that interesting fonts do not compromise website performance.
Reference is now made to various products and functions the present disclosure may provide:
1) CSS and JavaScript Code: The output may include the custom-generated font, optimized for website embedding. The CSS code provides the visual styling of the font, while the JavaScript code dictates how the CSS impacts the website. This code can either be embedded directly into a site or used via a plugin, simplifying the process for users without coding expertise. The aim is to allow users to control text placement, size, etc., without delving into code, providing solutions for non-technical users. There is also an option to embed the drawing tool within the plugin itself, so users can manage everything without accessing the website, targeting software companies (SW) for ease of use; la) Technological Plugin Expansion: The present disclosure may provide plugins for platforms like WordPress, Shopify, and Wix, with the goal of business expansion. This development builds upon the existing CSS/JS foundation with minor adjustments. On a website without a plugin, users may copy -paste the CSS/JS code from the platform, and use it in HTML. Plugins may include specific components tailored to each platform, such as WordPress Gutenberg components. Alternatively, the plugin may automatically add the CSS/JS to the platform; lb) Target Users may include: i) Web Developers and Designers: They may freely design fonts using the drawing tool, either by selecting a predefined skeleton and customizing it or by modifying an existing font on their website. The process will be fast and straightforward, with real-time previews of changes, offering user-friendly access to font libraries, images, GIFs, videos, and Al tools. The final output can be exported as code or via a plugin, with built-in tools to optimize the font's size and weight; ii) Software Companies: For developers and designers, the time saved by using this tool is significant. It may also improve practicality for design platforms that emphasize creating functional, user-friendly websites, particularly for platforms catering to non-technical users; iii) Product and Service Companies: These are the end clients of developers and designers, benefiting from faster, more practical websites, saving time and money. The ability to make small but innovative changes to an existing corporate font, such as adding a Christmas hat, without completely rebuilding it is another major advantage; iv) Advertisers: The ability to execute creative projects with minimal resources may allow advertisers to push the limits of creativity. ) An OTF (OpenType Font SVG) font, primarily for design software like Photoshop, but also usable by web and app users who prefer fonts despite the design limitations. This format may allow designers to maintain a personal font library for future use in design software or any platform supporting the file type. This description may capture the technological aspects and innovations involved, emphasizing the practical and time-saving solutions provided to various user groups;
2a) Functional Innovation: i) OTF Font with Images: This innovation introduces an OpenType Font (OTF) that incorporates images, enhancing design capabilities; ii) Usability in Design Software: Users may utilize this font in design applications such as Photoshop and video editing software, allowing for versatile and creative applications; 2b) User Groups: i) Graphic Designers and Digital/Print Designers: These users may have the capability to create custom fonts without the need for a license or specialized knowledge in font design. This solution may provide enhanced functionalities beyond existing options. Designers can modify existing fonts from project requesters without compromising the client’s original font, enabling them to build personal font libraries categorized by company or theme. This flexibility increases efficiency, saves time, and attracts more satisfied clients, allowing for more precise designs and a unique portfolio that stands out against competitors; ii) Authors and Publishers: This group may leverage unique fonts tailored to their specific needs without committing to a single font with a visually appealing design. The solution saves resources while ensuring precision aligned with their requirements, particularly for those without professional font design experience, leading to significant economic benefits; iii) Printing Companies (on Objects and Apparel): Printing companies may guide customers to create their own designs or establish links to software, ensuring that clients achieve high-quality results without incurring design costs. This is particularly advantageous for customers who are not design professionals, as it mitigates the need for costly design services that would otherwise inflate project expenses; and iv) Web Developers and Designers: This innovation may also applicable for web use, providing an alternative for those who prefer OTF fonts over CSS. ) SDK for Applications: This product mirrors the CSS and JavaScript approach, but is tailored for application development, providing developers with a robust toolkit for creating applications;
3a) User Groups: Application Developers and Designers: Similar to software developers and product companies, this SDK may prevent duplication of effort and facilitates efficient development for mobile and web applications. ) Typography: Embedded Font Usage: This feature may allow users to embed only specific elements of the font on their websites, serving as a weight regulator and providing a tailored solution for specific users. Users may select fonts generated from their personal profiles and create headings with customizable backgrounds and objects. This results in a CSS and JavaScript -based image that preserves Google’s indexing effectiveness, as Google does not read images but does interpret CSS. This indexing is crucial for improving website visibility in search results, making it a significant consideration for website managers; 4a) User Groups: i) Printing Companies (on Objects and Apparel): These companies may use this feature to create headings without the need for the entire font. Although users have the option to design specific letters, this is particularly beneficial for those wishing to create full fonts for future use; ii) Web and Application Developers/Designers: This approach may enable developers who only need headings to do so efficiently. All options, like other products, can be accessed through the user's personal font library, allowing for ongoing customization for different projects; iii) Software Companies: Companies that prioritize practicality may save on weight and unnecessary resources while providing additional options for users who prefer this approach; and iv) Product and Service Companies: including clients, designers, developers, and website owners who may benefit from these innovations. ) Design Software (Including Document Processing) and Video Editing for CSS and JS Products: The design capabilities available in the OTF format are primarily limited to images, while current options focus solely on colors without incorporating images. Other design options will be restricted to CSS and JS outputs. To maximize usability and accessibility across various platforms (currently only supporting web and app), the present disclosure may provide a design system, document processing tools, and a video editor that utilize CSS outputs, unless such platforms become available beforehand; 5a) Key Points: i) A document processing system, design interface, and video editor based on CSS; ii) The capability to design unique fonts specifically for video applications; and iii) Development of CSS that operates with PDF files for document sharing, printing, and use in design software; 5b) User Groups: i) Graphic Designers and Digital/Print Designers: The CSS-based design and video editing platform may offer extensive options for font design that are not available in OTF formats. The software may harness advanced web font design capabilities, applying similar CSS codes to enhance design software; ii) Advertising Professionals: This group may benefit from the need for design systems that operate on CSS for effective nondigital advertising; iii) Authors and Publishers: They may have the ability to design documents and print them through the CSS-based design system; iv) Printing Companies (on Objects and Apparel): These companies may be able to design fonts easily without relying on OTF formats by using CSS-based design systems; v) Education Sector: Since educators do not consistently use software like Photoshop, a practical design system based on CSS is necessary for designing or printing their work documents; vi) Private Individuals: Similar to educators, individuals who want to create small designs for social media posts or short videos will require a platform that supports CSS; and vii) Individuals with Disabilities: This group, especially in the educational context, may benefit from a straightforward platform that is not a cumbersome design tool, focusing instead on practical and targeted usability. ) Al Font: The use of Al in the design software of the present disclosure will initially serve as a source for images, GIFs, and videos, functioning as a graphic design tool. The goal of this function is to evolve into an Al for font creation, allowing users to request a font based on text or upload a company logo. The Al may generate font design samples, providing the CSS and JS code that can be implemented on websites or utilized in plugins. Additionally, the Al may enable smart fonts that do not transition through design systems, but rather utilize embedded code on the website. This "intelligent" font may adapt based on user needs and content, influencing font appearance according to user-defined settings and content context (e.g., subheadings alongside main headings). The system may automatically generate tailored fonts, such as adding seasonal decorations like hats for Christmas to letters, either automatically or upon user approval, depending on predefined settings; 6a) Technological Implementation: users may install the plugin of the present disclosure on their website. The plugin may receive input data from the website, including: i) Website URL HTML content; ii) Textual content; iii) Metadata (e.g., tags, descriptions); iv) User preferences (e.g., style, theme); v) Visual elements (e.g., existing images, color schemes); and vi) User feedback on generated images. The present disclosure may provide an Al model, with these inputs generating outputs such as images, videos, or GIFs that align with the provided data. These media elements can then be integrated into the text itself, akin to using standard fonts with CSS/JS. Generally, in the Al Font function of the present disclosure, image, GIF, and video generation tools may rely on existing technologies. Regarding the text -based or smart font capabilities, model training, development and machine -learning or deep-learning methods may be implemented. In some embodiments, the User Management of the present disclosure may be MySQL Database Management.
In some embodiments, the Security of the present disclosure may be the Next.js framework which enhances website security by providing automatic security updates, ensuring vulnerabilities are addressed promptly. It utilizes server-side processing, thereby reducing the attack surface for threats such as XSS attacks. Additionally, Next.js promotes secure coding practices and default secure settings, aiding developers in avoiding common security pitfalls during the development process. General security measures include the use of the HTTPS protocol, SSL encryption for website security, and, where necessary, two-factor authentication. Given the scale and work of the present disclosure with a large number of developers, the software is designed from the outset with automated testing and deployment to ensure compliance with stringent requirements, preventing future disruptions. There is an integrated testing system and a CI/CD system for continuous and automated integration and deployment. Code is managed in a GitLab repository, where automated tests are triggered upon code push to the development branch. Only if all tests pass successfully will the code push be accepted; otherwise, an error is returned, requiring code correction. Once a successful push is completed, the project code is automatically deployed from the GitLab repository to the hosting server located in Borcel. The automated tests include unit tests utilizing Jest and end-to-end tests using Playwright.
In further embodiments, in terms of Runtime of the present disclosure, the painter and display components form a single React application structured on a publisher-subscriber architecture. The display component (subscriber) "subscribes" to the painter component (publisher) to receive real-time notifications of any changes made in the painter, updating the display accordingly. Since this is a single application, there are no network calls involved, resulting in no latency, and the feedback is instantaneous. The export component of the present disclosure may operate similarly, with the browser acting as its publisher, triggering immediate execution upon user interaction. File creation is entirely based on proprietary technology developed by the company. There is no reliance on external components, ensuring no network calls occur, resulting in no latency, and the output is immediately available for user download. The actual download may involve latency, with timing dependent on the user's internet connection quality.
In some embodiments, in terms of the Font Builder of the present application, the web application may be developed in React using TypeScript (an extension of JavaScript) with Next.js frameworks. The CSS accepts input from font files (TTF, OTF) as well as images, GIFs, and videos. The browser may display the font input along with a layout of image, GIF, or video inputs according to the layering defined by the CSS selector. These files may be stored locally on both the client and server sides, utilized in previews and export files.
In other embodiments, the Usage in Preview feature of the present disclosure may display the font characters in real-time as a basis, reflecting any changes made via the painter as well as inputs from images, GIFs, or videos. Consequently, any alteration in the painter may be automatically visible in the font characters. The preview may illustrate the designated layers; one side shows the painter while the other displays the letter board and the image reflected on the painter, demonstrating the changes. Each layer is represented in its corresponding format (CSS before/inside/after, where the inner layer refers to a span, an inline container element).
In some embodiments, a product of the present disclosure consists of a CSS file and an S.J file, along with a folder named "img" containing the three images (three layers) generated by the builder. These files may be transferred as a CSS file and S.J file to a personal area, desktop, or plugin.
In some embodiments, a product of the present disclosure involves converting the CSS and S.J files into SDK format or other methods to be developed later for application use. The export component is triggered immediately upon user interaction. File creation is solely based on the proprietary technology developed by the company. There is no reliance on external components, ensuring no network calls occur, resulting in no latency, and the output is ready for immediate user download, albeit actual download time may depend on the user's internet bandwidth.
In further embodiments, the present disclosure may provide plugins for WordPress, Shopify, Wix, and any other platforms that present business viability. This may leverage existing CSS/JS development with minor adjustments. For sites without a plugin, users can directly copy and paste the font into their CSS/JS as they exit the site and utilize it in HTML. In plugins, specialized components can be created, such as WordPress Gutenberg components. Another option includes automatically adding CSS/JS through the plugin.
In some embodiments, a product of the present disclosure consists of SVG-OpenType format, thus enabling creation of a font composed of color images. The goal is to create a font composed, among other elements, of color bitmap images. This involves the OTF-SVG format, which allows for the integration of color SVG within a font and is supported by most browsers, including Chrome, Firefox, Safari, Edge, and Opera. This function may involve the following Implementation Steps: 1) Convert bitmap images (JPG/PNG) into SVG format using open-source tools (e.g., the CarioSVG library in Python); 2) Create a glyph for each letter based on the converted images and any additional elements edited by the user within the glyph; 3) Develop the font based on the generated glyphs; FontForge is likely the most suitable tool, providing an open-source Python API for font creation; 4) Due to FontForge's limited support for the SVG-OpenType format, it may be necessary to first create the font in a more basic OpenType format and subsequently convert it to the desired format; 5) Convert to SVG-OpenType format using open-source libraries such as nonoemoji or fonttools in Python. In some embodiments, a function of the present disclosure may be typography, i.e., create a lightweight CSS and S.J file derived from the full CSS and S.J file existing in the personal area under the same font design. This may allow for the selection of a limited number of letters for specific use, such as a title, enabling the creation of a lightweight file for a specific purpose. Another option is to export typography directly through the painter. Through typography, it may also possible to create designs such as adding a background image and adjusting angles of the title, similar to an image title but based on CSS, meaning it can be indexed by Google, for instance, without harming site SEO, unlike an image title. Features may include Visual "Skeleton" Modification, achieved through the following complementary features: 1) Reflection of the background beneath the letter on the marked portion, creating the illusion of a cut letter. This technique is well-known in image design, reflecting the inner part of the letter while preserving only its shape. While this option exists in design, the innovation in the present disclosure is the application of this method for cropping the letter, where the desired portion can be reflected in the result, visually altering the shape without actual modification; 2) Supplemental Stroke: the ability to add an additional part to the letter defined as part of its design. This may alter the shape of the "skeleton" by adding a marked portion, allowing for visual expansion or addition without the need for vector tools. In this case, not only does the appearance of the font change, but its definition does as well. For example, if the inner layer of the letter adopts a specific pattern, the new portion will be influenced similarly, meaning that visually, the shape has changed, despite the alteration being untrue. For the Supplemental Stroke, there are two methods: i) via a bitmap image or ii) SV G. An Al tool may be chosen to perform an actual change to the vector by adding the portion in SVG; 3) Font for Words: By defining the font as a background video for all letters, the design applies to all letters of the font, reflecting the word as a unit. Typically, "font" refers to a specific design for each letter; in this case, the font design will be a general design expressed according to the created word. For example, when the word "Hello" is written, and the video features a dolphin jumping from the water, the dolphin will start its path from the letter H and end at the letter O. If the word "Love" is written, it will start at L and finish at E. Thus, the design is general for the font, with expression according to the written word.
In some embodiments, the present disclosure involves converting CSS to PDF. The current PDF format does not recognize CSS properties fully, not in a way that allows the use of multi-colored or image -based designed fonts. While some software claims to convert CSS to PDF, it merely translates without altering the actual values, resulting in no performance improvement. Thus, the need divides into two uses: sharing and printing. The presnt disclosure may involve implementing the PDF protocol using open-source code selected from existing projects, adding CSS needs to this project. Subsequently, actions will be taken to make the format recognizable, such as implementing multi-user plugins, etc. Another option is to create a browser extension specifically for the ability to print CSS through PDF.
In further embodiments, the present disclosure provides a Technological Solution for "Word" Recognition by Browsers. After decomposing the font into characters, this process nullifies the meaning of the word, transforming it into a collection of letters. The problem splits into two: 1) line breaks within a word and 2) impacts on SEO (Search Engine Optimization), which affects site promotion on Google. The present disclosure provides methods to mark "broken" text for the browser, for instance through screen readers, or duplicating the original title alongside the text processing being performed, ensuring it remains on the page, akin to transparent text in a manner acceptable to search engines. Alternatively, adding another element in place of the title as "compensation" for the lost promotional value.
In further embodiments, the present disclosure provides Solutions for Weight Management: 1) The use of CSS decomposes the font (as a font file is either all or nothing and includes dozens or hundreds of unnecessary characters for most uses), along with the ability to select specific letters for the task; 2) Dynamic imagery, where the collection of font images is transformed into a single image file for each layer, influencing the creation of a single network instead of dozens or hundreds; and 3) Development of an algorithm that adjusts the storage method to regulate weight from several options (including dynamic image and non-dynamic). Development of an algorithm that understands the significance of weight at each stage of design according to user needs, indicating boundaries and suggesting alternatives.
In further embodiments, the present disclosure provides Al Font, i.e., creating a font from text. The present disclosure involves training of the Al system, thus understanding the stages of image creation and link them to generate CSS code based on methodologies of the present disclosure. For example, using a model like MidJourney, which generates images based on textual requests, users may describe the desired font textually, and the Al will break it down into three images for three layers, understanding the final result as a combination of them as learned from those users. The font letters may represent the understanding of connecting the three layers like three distinct images leading to a single final outcome, translating the design into CSS code through the methodology already developed by the company. In these embodiments, the user may have a website that installs the plugin on their platform. The plugin will receive input of the following data from the website: 1) Website URL; 2) HTML content; 3) Textual content; 4) Metadata (e.g., tags, descriptions); 5) User preferences (e.g., style, theme); 6) Visual elements (e.g., existing images, color schemes); and 7) User feedback on generated images. In response, the output may be images, videos, or GIFs tailored to the received data, allowing these images, videos, or GIFs to be integrated into the letters themselves, as done in the use of a regular font in systems with CSS/JS, based on the methodology developed by the company.
In some embodiments, the present disclosure provides a novel Font Structure Adaptation mechanism that leverages a comprehensive font database, which houses a wide array of fonts, each defined by unique structural characteristics and design parameters. When a user selects a specific font from this database, the system identifies its distinctive attributes, including overall geometry, stroke width, curve shape, and any special design elements that characterize that font style. This initial identification is crucial for the subsequent steps in the design adaptation, allowing the software to establish a foundation for compatibility and consistency throughout the design process. Building upon the identified font structure, the software performs a series of automated design adaptations. Key processes include proportional scaling, where the size and spacing of design elements are adjusted to align with the selected font's proportions, and stylistic alignment, which ensures that additional design features — such as colors and shapes — complement the font's inherent style. Moreover, the software prioritizes structural integrity, carefully preserving the original character and readability of the font while allowing users to customize their designs further. By providing robust tools for user customization within these structural parameters, the software fosters creativity while maintaining design consistency across the various font structures available in the database.
In some embodiments, the present disclosure provides a comprehensive Font Data Restoration mechanism to enhance and restore fonts by systematically disassembling them into their fundamental components, including letters, symbols, and spacing metrics. This initial disassembly step facilitates individual editing of each component, allowing for targeted modifications. Following disassembly, a redesign phase is implemented, wherein the shapes of letters and symbols can be adjusted, colors can be refined, and overall geometry can be enhanced. This flexibility in redesigning font components enables the creation of customized font styles while retaining the core attributes of the original font. The restoration phase is critical, focusing on recovering any data lost during the disassembly process. This involves establishing precise letter spacing to ensure optimal readability, defining consistent word spacing for uniformity, and implementing line breaks that prevent the splitting of words when text exceeds the designated line length. Additionally, the process emphasizes the importance of consistent data retrieval, ensuring that the final restored font adheres to established standards in font design. By maintaining these standards, the Font Data Restoration Process not only revitalizes fonts but also guarantees their usability across various applications while preserving the integrity and aesthetics of the original designs.
In further embodiments, the present disclosure provides a groundbreaking system with an innovative font design solution (termed "Smart Font"), that utilizes advanced machine learning and natural language processing (NLP) technologies to create a dynamic, context-aware typography experience. Unlike traditional fonts that rely on fixed designs, Smart Font adapts in real-time to the specific text being entered and the context in which it is used. This system is embedded interactively on client websites, allowing the font to automatically adjust its style based on predefined categories. For instance, when a user types words associated with the restaurant theme, such as "desserts" or "chicken, " the Smart Font transforms its appearance to align with the context, providing a visually engaging and relevant user experience. The Smart Font operates through a sophisticated framework involving several key components. Initially, it employs NLP to analyze the text input, enabling it to understand context and identify keywords that correspond to relevant categories. This analysis feeds into a machine learning module that continuously refines the system's accuracy based on user interactions and preferences, improving font design recommendations over time. Following text analysis, a design recommendation system selects from a variety of design tools, which include color matching, shape processing, and multimedia integration, such as images or animations. This process ensures that each design element is chosen based on both the system’s understanding of the text and user-defined settings. Furthermore, the Smart Font is integrated into client websites through an API interface, enabling real-time adaptation and ensuring that design changes are instantly reflected as users create or update content, resulting in a personalized and contextually appropriate font experience. In another embodiment, the present disclosure provides a mechanism for low-weight font design utilizing Al. The system operates through a series of stages that begin with user input, where the user specifies a design request for a particular character, such as the letter "A." The artificial intelligence algorithm then generates a visual representation of this character and breaks the design down into three distinct layers: a top layer for decorative elements, a middle layer for the character's basic structure, and a bottom layer for background support. This layered approach allows for flexibility and visual harmony when applying the design across all characters in the font, as the algorithm adjusts each layer's position and shape according to the specific characteristics of each letter.
A key innovation of the system in the present application is its weight optimization strategy, which enables all characters in the font to be represented using only three images, one for each design layer. This drastically reduces the file size compared to traditional fonts where each character is treated as an independent image. By employing a custom positioning script, the algorithm dynamically adjusts layer placements for each character, ensuring that the design remains accurate and aesthetically pleasing while using shared images. Furthermore, the technology leverages advanced rendering and vector compression techniques to store and process these images efficiently, ensuring rapid real-time rendering when the font is integrated into various platforms. This integration is facilitated through a dedicated API or pre -built modules, allowing for seamless deployment across browsers, design tools, and editing software. The result is a visually striking font that maintains a minimal file weight, providing users with high-quality typographic design without compromising on performance or accessibility.
The technological approach in the present disclosure for low-weight font design using Al not only emphasizes efficiency, but also enhances creativity in typographic design. By leveraging an advanced neural network, the system can intelligently interpret user requests and generate visually compelling character designs tailored to individual specifications. The ability to create a design sample for a specific character, such as the letter "A," serves as a foundation upon which the rest of the font is built. This focus on individual character design ensures that each letter maintains its unique identity while adhering to the overall aesthetic of the font. The breakdown of the design into three layers - decorative, structural, and background - allows for a modular approach, making it easier to maintain consistency across various characters while providing flexibility in design choices. Additionally, the implementation of a custom positioning script allows for precise adjustments to each character’s design, ensuring visual harmony throughout the entire font. This dynamic layer adjustment process enables the algorithm to maintain a coherent design language while minimizing the overall file weight to the equivalent of just three images. As a result, the font not only achieves high-quality aesthetics but also offers a significant advantage in performance, particularly in web and mobile applications where loading times and resource usage are critical. The technology's seamless integration into dynamic content platforms through dedicated APIs enhances its usability, enabling designers and developers to incorporate sophisticated typography into their projects without sacrificing efficiency or performance. Ultimately, this innovative approach democratizes access to advanced font design, making it accessible and practical for a wide range of users and applications.
In some embodiments, the present disclosure may leverage Al to provide an automatic design update service. The system may allow users to create custom fonts that align with their branding while dynamically adapting to significant dates. Once embedded on a user’s website, the tool utilizes a sophisticated date recognition mechanism to identify upcoming global holidays, international events, or user-defined milestones such as company anniversaries. As these dates approach, the system presents tailored design suggestions that enhance the original font's aesthetic while preserving its core elements, ensuring brand consistency. Users receive these suggestions 24 hours prior to the event, giving them ample time to review and approve the updates. If approved, the system seamlessly applies the new design, and once the event concludes, the font reverts to its original style, maintaining the integrity of the brand identity. The technological basis of this embodiment comprises three primary components: 1) a date recognition mechanism, an Al -based design update algorithm, and an automatic implementation mechanism. The date recognition mechanism interfaces with international date databases and custom user lists through appropriate APIs, enabling it to accurately track and retrieve important upcoming dates; 2) The Al -based design update algorithm employs advanced pattern recognition and contextual modeling techniques to analyze the existing font and generate new designs that align with the identified events. This algorithm ensures that while the design adapts to specific occasions, critical branding elements — such as letter shapes, color schemes, and graphic proportions - remain intact; and 3) Finally, the automatic implementation mechanism utilizes a Content Management System (CMS) to deploy the design changes across the user’s website. Upon user approval, the system applies these updates effortlessly, restoring the original font after the event concludes.
The system of the present disclosure may employ a variety of technologies and tools to achieve its functionality. Developed using programming languages such as Python and JavaScript, the system ensures real-time analysis and generation of design suggestions. Integration with calendar APIs, such as Google Calendar, allows for efficient tracking of relevant dates, while machine learning models leverage deep neural networks to refine design adjustments based on user behavior and event context. This scalability enables the system to adapt to additional events and provide increasingly customized designs over time. By harnessing the power of Al and advanced programming, Artifont not only enhances the user experience but also fosters deeper engagement with brand identity through thoughtful and timely design updates.
In further embodiments, the present disclosure provides a dynamic font management system. In terms of system description, the present disclosure may be integrated as a plugin for websites, thus empowering users with unprecedented control over font design by enabling customization based on specific positions rather than limiting changes to individual letters or words. This tool distinguishes itself from traditional font editors by allowing users to establish rules for font appearances in various contexts, such as applying a unique design exclusively to the first letter of every sentence or modifying the font style after a certain number of words. Such capabilities ensure that design choices are not only aesthetically pleasing but also strategically placed to enhance readability and engagement. Moreover, the system introduces timed design changes, allowing users to program the font in a specific line to automatically transition to a different design after a predetermined duration, such as 20 seconds. This functionality offers an additional layer of customization, enabling dynamic visual effects that can capture users' attention and convey information in a compelling manner. The user experience is streamlined through a simple input mechanism where users specify their desired rules, such as design location, timing settings, or recurring positions, leading to a versatile output of fonts that adapt based on user-defined configurations. The technological foundation of the dynamic font management system of the present disclosure may comprise several advanced components that work together to provide seamless control over font display based on position within the website. Central to the system is the Position and Timer Detection Mechanism, utilizing JavaScript and CSS to accurately identify the locations where fonts are rendered on the page — whether that be the first letter of a paragraph, the fifth word, or every second line of text. Additionally, a timer functionality is integrated to facilitate design changes based on user-defined timeframes or specific conditions. The Font Design Management Interface is another critical component, allowing users to easily define rules for font designs, including positioning, timing, and recurrence. Utilizing AJAX technology, the system ensures real-time updates to font designs without requiring page reloads, thus providing a smooth and responsive user experience. To implement these design changes, the system leverages a Dynamic Font Design Mechanism that applies user inputs through custom CSS. This ensures that all text elements on the website are subject to dynamic adjustments based on the personalized settings stored in a connected database. Furthermore, the system boasts Multi-Platform Support, making it compatible with a variety of website platforms, such as WordPress and Wix, allowing users to integrate dynamic fonts effortlessly into their existing sites. By combining these technologies - JavaScript, custom CSS, AJAX, and a robust database mechanism - the font management system not only optimizes visual presentation but also enhances user interaction, making it a valuable tool for businesses looking to customize their online branding effectively. The result is a comprehensive solution that delivers dynamic, adaptable font designs tailored to the specific needs of each user, ensuring a distinctive and engaging user experience across digital platforms. Embodiments described herein may refer to a computer-implemented method containing steps that, when executed by at least one processor 10, cause the at least one processor 10 to perform operations to create new personalized font. TrueType font or any font type 14 are converted to an image format in a one-time run using Python or another high-level general-purpose programming language 16. Selected visual characteristics of the generated image are manipulated, comprising color of a letter or around a letter, distribution of colors within a letter, angle, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 18. The manipulated image is paired with said TrueType font or any font type to create a new font using FontLab software, or any font editor, or Python code, or another high-level general-purpose programming language 20. The generated new font 22 may be implemented to one or more letters in the language of interest. The new fonts may be stored for later assignment in GitHub or another high-level cloud-based storage platform 24. Moreover, the new fonts may be implemented in a mobile computing device app and to one or more letters in a wide range of languages.
Embodiments described herein may refer to a computer -implemented system for creating new font with at least one processor 10 and a memory 12 including instructions that when executed by the at least one processor 10, configure said at least one processor 10 to perform operations to create a new font. The instructions executed by at least one processor 10 may include converting TrueType font or any font type 14 to an image format in a one-time run using Python or another high-level general- purpose programming language 16. Selected visual characteristics of the generated image may be manipulated comprising color of a letter or around a letter, distribution of colors within a letter, angle, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 18. The manipulated image may be paired with said TrueType font or any font type to create a new font using FontLab software, or any font editor, or Python code, or another high-level general-purpose programming language 20.
Embodiments described herein may refer to methods in a software application (app) in a client-server mode containing steps that, when executed by at least one processor, cause the at least one processor to perform operations to create new personalized font or to modify existing font into a new font. The computer-implemented method may be implemented as hardware, firmware, software, or any combination thereof. Moreover, the software may preferably be implemented as an application program. The application program may be uploaded to, and executed by, a machine having any suitable architecture, preferably a mobile computing device. The mobile computing device may have hardware, such as a memory, one or more central processing units (“CPUs”), and input/output interfaces. The mobile computing device may also include a microinstruction code and operating system. The various processes and functions described in this disclosure may be either part of the microinstruction code or part of the application program or any combination thereof which may be executed by a CPU, whether or not such a computing device or processor is explicitly described. In addition, various other peripheral units may be connected to the computer platform, such as a scanner unit and a printing unit.
In the computer-implemented method, the application program may be used to create new personalized font in Android, iOS, browser extension, or any component that renders web content. Once launched, the application program may communicate with a server 28 configured for converting TrueType font (TTF) or any font type 27 to an image format in a one-time run using Python or another high-level general-purpose programming language 38. Then, selected visual characteristics of the generated image are manipulated, such as color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 40. The manipulated image is paired with the TrueType font or any font type to create a new font using Python code, or another high-level general-purpose programming language 42. The new font 44 is delivered to the graphical user interface (GUI) of the mobile computing device app 26 in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content. Additionally, the new font is stored in an external updatable database 30. User data concerning user experience (Ux) is also provided to the database 30 comprising user data 72, text data 74 and files 76. The new fonts may be implemented to one or more letters in a wide range of languages.
Embodiments described herein may refer to a system for creating new font in a software application in a client-server mode with a database, at least one processor, and a memory including instructions that when executed by the at least one processor 208, configure said at least one processor to perform operations to create new font. The instructions executed by at least one processor may include receiving user input comprising a TrueType font (TTF) or any font type 27. The user input may be converted by at least one processor 34 to an image format in a one-time run using Python or another high-level general-purpose programming language 38. Selected visual characteristics of the generated image may be manipulated comprising color of a letter or around a letter, distribution of colors within a letter, angle, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 40. The manipulated image may be paired with said TrueType font or any font type to create a new font using Python code, or another high-level general-purpose programming language 42. The new font 44 is delivered to the graphical user interface (GUI) of the mobile computing device app 26 in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content. Additionally, the new font is stored in an external updatable database 30.
In another computer-implemented method, the application program may be used to modify font in Android, iOS, browser extension, or any component that renders web content. Once launched, the application program may communicate with a server 28 configured for uploading user input comprising a text 29, or a text file 31, or an image 33. The user input may be sent to an Application Programming Interface (API) in Node.js 39, or any other server language, for processing. In the first step of processing, the text file or image may be converted to a text using API in Node.js or another high-level general-purpose programming language 39. In the second step, the text may be converted to a HyperText Markup Language (HTML) format 41, then the HTML format may be set in a new font 43. The new font may be selected randomly from stockpile of fonts stored on GitHub or another high- level cloud-based storage platform 24. Lastly, the new font 45 may be delivered to the graphical user interface (GUI) of the mobile computing device app 26 in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content. The new manipulated fonts may be implemented to user input in a wide range of languages.
Embodiments described herein may refer to a system for modifying font in a software application in a client-server mode with a database 30, at least one processor 34, and a memory 36 including instructions that when executed by the at least one processor 34, configure said at least one processor 34 to perform operations to modify font into a new font. The instructions executed by at least one processor 34 may include receiving user input comprising a text 29, or a text file 31, or an image 33. The user input may be sent for processing to an Application Programming Interface (API) in Node.js 39, or any other server language in the server. In the first step of processing, the text file or image may be converted to a text using Python or another high-level general-purpose programming language 39. In the second step, the text may be converted to a HyperText Markup Language (HTML) format 41, then the HTML format may be displayed as a new font 43. Then, the new font 45 may be delivered to the graphical user interface (GUI) of the mobile computing device app 26 in in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content. Concurrently, the at least one processor 34 may process user data associated with a user account, and the data from the plurality of data sources from other user accounts, to perform machine learning operations. Machine learning operations may analyze and produce a result indicating to perform an update of user preferences concerning generated new font. Moreover, the at least one processor 34 may extend application programming interfaces (APIs) provided by external computing services 32 to interface with the computing services.
Login module 46 may be configured to enable a user 80 to log into the mobile computing device app.
A user 80 may be non-registered 82 with limited access to the system. Registration module 48 may be configured to register a user 80. The registration 84 a process wherein the user 80 creates a user account with a user login profile by providing necessary information, including username and password. A user 80 having used a system for the first time, and having registered thereof, is considered a registered user. A registered user necessarily has a unique user login profile. The system transforms user input to conform with the needs of the user associated with the selected user account in the database.
Identity module 56 may be configured to create a user accessibility profile by combining a username, a password, selected information, and a system generated attribute. The user accessibility profile is part of the user account stored in the database 30. The identity module may provide functionality for a user 80 to update a user login credentials. The identity module 56 may identify user login credentials through a database 30 and determine the user account type, wherein account types comprise registered and subscribed accounts. The system may respond according to the accessibility profile and account type, triggering an event that is selectively based on the accessibility profile and account type, providing a service or resource based on the account type.
Authentication module 50 may be configured to authenticate a user account. The authentication 88 may verify the user login profile with the username and the password.
Authorization module 52 may be configured to authorize a user account. The authorization may permit access levels based on the user login profile.
Subscription module 54 may be configured to subscribe a user. The subscription 90 is a process wherein registered users may subscribe a user account with a user login profile. The subscription enables a user 80 to receive notifications, emails, SMSs, recommendations for reading material and newsletters.
Settings module 58 may be configured to adjust the size of a new font 44 of the mobile computing device app. The settings may comprise a range of text sizes.
Machine learning module 60 may be configured to improve the Ux over time. The first step is to determine the user data 72 concerning the Ux and user interaction information. The user data 72 may comprise user engagement metrics based on reading frequency, reading duration, scrolling frequency, eye movement and mobile phone movement. The user data 72 may be utilized to train the machine learning module 60 to analyze and produce a result indicating to perform an update of user preferences concerning the new font 44. The machine learning module 60 may be configured to perform an update of a user account. The improvement may be comprised of personalizing content, optimizing performance, enhancing security, and providing feedback.
The Ux may be personalized according to customized readability criteria preferences for a user. 26. The Ux may comprise an operation of a plurality of display parameters as determined from processed outputs of previous user interactions.
User management tracking module 62 may be configured to monitor and track user engagement metrics within the mobile phone app. The user engagement metrics may comprise reading frequency, reading duration, scrolling frequency, eye movement and mobile phone movement.
Analytics data collection module 64 may be configured to collect user data 72 concerning user interactions, usage patterns, and app performance.
Analytics data analysis module 66 may be configured to process and analyze user data 72 to extract insights concerning a user 26.
Storage module 78 may be configured to store user data 72 related to the Ux preferences of the user account in the database 30. The database 30 may comprise user data 72, text data 74 and files 76. User data 72 is securely and efficiently stored in the database 30, while allowing retrieval as needed.
Push notification module 68 may be configured to push real-time notifications to a user 26 based on triggered events or user preferences.
Social interaction module 70 may be configured to facilitate social interaction between a user 26 and therapist groups, communities, collaborations, chat functionality and community forums.
Content generated, interacted with, or edited in association with a user account may be stored in the database 30 or other storage types. Other storage types may comprise external computing services 32 for storage which may be a directory service 94, a web portal 96, a mailbox service 98, an instant messaging store 101, or a social network 103.
In some embodiments, the input received via the registration process 84 may be indicative of a selection of a specific user accessibility profile. As used herein, a user accessibility profile may include any type of data that may be used to determine the needs, such as a particular disability, associated with a user. The selection of a user accessibility profile may trigger a bundle of predefined changes in a group of new font characteristics. Example user accessibility profiles may include a profile defined as chronic or temporary concentration difficulties, a dyslexia profile, a memory impaired profile, and a visually impaired profile, and/or any other grouping of predefined changes designed to address a condition. Consistent with the present disclosure, the app accessibility profile selection may have an associated set of profile values for the display characteristics of new font.
In some embodiments, the specific profile values may be different from the default values of the font display characteristics. Upon receiving the selection of a user, the method may include implementing a predefined template to alter one or more default new font characteristics to conform with the needs of the specific disability of the app user. For example, upon selection of a dyslexia profile, disclosed embodiments may include implementing a predefined template associated with a dyslexia profile to alter the new font display specific letters divided into distinctive colors, and to convert letters into symbols by adding unique shapes to fonts.
Disclosed embodiments may create new personalized fonts for amateur or professional font designers and artists. Consistent with the present disclosure, it provides a tool for designers to create new fonts or easily change existing fonts. The new personalized fonts may be automatically applied to all letters, numbers and characters in wide range of languages. Additionally, the new font may be selected and applied to partial or full text in the language of interest. For example, in order to empower branding, a designer may create a unique font design for a company.
Disclosed embodiments may include implementing one or more changes in font characteristics to address a disability of a user. Consistent with the present disclosure, modifying font may include modifying selected visual characteristics of individual letters in a personalized manner. For example, in order to address permanent concentration difficulties of a user, such as attention deficit hyperactivity disorder (ADHD), the modification may comprise the color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters.
One implementation of the disclosed embodiment may include modifying font characteristics to conform with a profile pertaining chronic concentration difficulties, such as a user with attention deficit disorder (ADD) or attention deficit hyperactivity disorder (ADHD). Generally, a successful reading session is not possible unless the reader manages to stay focused, from following the line of text to comprehending the content and retaining the important information from it. However, people with ADD or ADHD can have symptoms that range from mild to severe, and usually have issues of focusing, managing distractions, and processing and retaining information. Reading tasks may take prolonged time, especially if it is necessary to read the text several times to process the information accurately. In addition, these difficulties may be exacerbated by a poorly chosen font, poor line spacing or angling, or other elements. Some people with ADD or ADHD rely on audio or visual aids to render texts more accessible. In one embodiment, upon selection of the profile with chronic concentration difficulties, the disclosed method and system thereof may provide the reader with a new font created from combining original text and dynamic visual imagery. The manipulated new font is novel and complex, thus challenging the reader, providing continuous stimulus and leading the reader to concentrate and engage longer with the reading material. In contrast to prior art in the field, which provide methods to simplify font for improving text readability, the present invention manipulates font to become more complex and thought-provoking, thereby compelling more focus and engagement from readers. Moreover, in order to maintain complex stimulus and avoid habituation of the reader suffering from ADHD, manipulated new font is frequently replaced with a different new font. The present disclosure thus provides a means to read with less noise, more focus and fewer distractions, thereby facilitating fast learning and knowledge expansion.
Another implementation of the disclosed embodiment may include modifying font characteristics to conform with a profile pertaining temporary concentration difficulties. Temporary difficulties may arise from a myriad of reasons, including stress, lack of sleep, fatigue, hormonal changes, diet, surrounding noise, medications or temporary medical conditions. In one embodiment, upon selection of the profile with temporary concentration difficulties, the disclosed method and system thereof may similarly provide the reader with a colorful and complex font to enhance concentration and engagement.
Another implementation of the disclosed embodiment may include modifying font characteristics to conform with a dyslexia profile. Dyslexia is characterized by difficulties with accurate and fluent word recognition, as well as by poor spelling and decoding abilities. In particular, people with dyslexia have difficulty in establishing syllable division or knowing the beginnings and endings of words. In one embodiment, upon selection of the dyslexia profile, the present disclosure may provide assistance in reading for those with dyslexia, for example, by dividing specific letters into distinctive colors, as well as converting letters into symbols by adding unique shapes to fonts. Another implementation of the disclosed embodiment may include modifying font characteristics to conform with a memory impairment profile. Memory impairment is manifested by a reduced ability to remember things such as dates and names, and increased forgetfulness. Memory and other thinking problems have many possible causes, including depression, an infection, or medication side effects. Sometimes, the problem can be treated, and cognition improves. In one embodiment, upon selection of the memory impairment profile, the present disclosure may contribute to improving memory from adding complex shapes to the text by modifying the fonts. Texts written in these new fonts require more resources to read, which enables more processing resources to be available on a specific issue, leading to more in-depth processing and thus better memory preservation. Memory improvement includes the working memory and long-term memory. Moreover, the processing of data includes study materials, as well as learning letters of foreign languages which requires learning new forms, especially in languages with a multitude of complex forms requiring in-depth processing to remember the new letters.
Another implementation of the disclosed embodiment may include modifying font characteristics to conform with a visual impairment profile. The visual impairment profile may be designed for disabilities such as color blindness, degrading eyesight, tunnel vision, cataract, glaucoma, and others. Visual disabilities range from mild or moderate vision loss in one or both eyes (“low vision”) to severe vision loss in both eyes (“blindness”). Furthermore, some people have increased sensitivity to bright colors, or reduced or lack of sensitivity to certain colors (“color blindness”). These variations in perception of colors and brightness can be independent of the visual acuity. To address the particular visual disabilities of a user with visual impairment, the present disclosure may enable users to modify font so that the text is more usable for their particular needs. Changes to font may include, for example, emphasis on sufficient color and texture contrast, as well as restricted use of colors related to color blindness. Moreover, font changes presentation may include enlarging or reducing text size and images, customizing settings for fonts, colors, and spacing. Generally, creating the new font draws from manipulating visual characteristics of the generated image, including color of a letter or around a letter, distribution of colors within a letter, angle, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters. In one embodiment, upon selection of the visual impairment profile, the present disclosure may alter a plurality of font characteristics to ensure that the font is adapted to visually impaired users. In one embodiment, the present disclosure may be implemented in reading hard copy books. Text from books may be scanned, uploaded to the mobile phone app, whereby the user input is manipulated to create new font. In another embodiment, the present disclosure may be implemented in reading website content. Any company may utilize the app to make the content of its website more accessible, wherein any user who is visually impaired and wishes to read content on a website may apply this embodiment.
The foregoing list of profiles associated with disabilities is only exemplary. The disclosed methods and systems may be designed to alternate one or more new personalized font characteristics based on a selection of other accessibility profiles.
Reference is now made to Fig. 1, which shows a high-level process flow diagram showing the general steps involved in the method and system thereof for creating new font. Method begins when user uploads input to the server comprising TrueType font or any font type 14. A memory 12 configures at least one processor 10 in the server to convert the TrueType font or any font type to an image format using Python or another high-level general-purpose programming language 16. Selected visual characteristics of the generated image may then be manipulated, including color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or addition of fixed shapes or images in different colors and sizes that can be applied to different letters 18. The manipulated image is paired with said TrueType font or any font type to create a new font using FontLab software, or any font editor, or Python code, or another high-level general-purpose programming language 20. The output comprising new font 22 may be stored in GitHub or another a high-level cloud-based storage platform 24.
Fig. 2 is a diagrammatic view illustrating the components of the method and system thereof for creating new font in a software application (app) in a client-server mode. In a basic configuration, the system includes a user mobile computing device app 26, communicating with a server 28 configured for uploading TrueType font or any font type 27. The server 28 is comprised of at least one processor 34, including one or more program modules 46-70, and a system memory 36 including instructions that when executed by the at least one processor 34, configure it to receive user input for converting the TrueType font or any font type to an image format using Python or another high-level general- purpose programming language 38. Selected visual characteristics of the generated image may then be manipulated, including color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or addition of fixed shapes or images in different colors and sizes that can be applied to different letters 40. The manipulated image is paired with said TrueType font or any font type to create a new font using Python code or another high-level general-purpose programming language 42. The output comprising new font 44 is delivered to the graphical user interface (GUI) of the mobile computing device app 26 in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content 26. User data 72 is processed by a machine learning operation and stored on an updatable database 30.
Fig. 3 is a diagrammatic view illustrating the components of the method and system thereof for manipulating font in a software application (app) in a client-server mode. In a basic configuration, the system includes a user mobile computing device app 26, communicating with a server 28 configured for uploading user input. The server 28 is comprised of at least one processor 34, including one or more program modules 46-70, and a system memory 36 including instructions that when executed by the at least one processor 34, configure it to receive user input for processing in an application programming interface (API) in Node.js, or any other server language in the server 39. In the first step of processing, the user input is converted to a text using Python or another high-level general-purpose programming language 39. In the second step, the text is converted to a HyperText Markup Language (HTML) format 41, which may then be displayed as a new font 43 retrieved from GitHub or another high-level cloud-based storage platform 24. The new font 45 is delivered to the graphical user interface (GUI) of the mobile computing device app 26 in WebView, or browser extension, or website or any component that renders web content. User data 72 is processed by a machine learning operation and stored on an updatable database 30.
Fig. 4 is a process flow diagram illustrating the initial steps involved in the user 80 launching the mobile computing device app. Launch begins with user 80 logging into the app, wherein the user can be nonregistered 82 with limited access to the system. Conversely, a registration process 84 creates a user account with user login credentials by providing necessary information, e.g., username and password. The user account is then authenticated 88 and authorized to utilize access levels on the app accordingly. Concurrently, a registered user may subscribe to the app 90, thus enabling the user to receive notifications, emails, SMSs, recommendations for reading material and newsletters. User account management 92 manages a user accessibility profile by combining username, password, selected information, and a system generated attribute, to be stored in the database 30.
Fig. 5 is a diagrammatic view illustrating the components of the methods and systems thereof of Figs. 2 and 3, for creating and manipulating font, including external computing services 32. In a basic configuration, the system includes a user mobile computing device app 26, communicating with a server 28 configured for uploading user input. The server 28 is comprised of at least one processor 34, and a system memory 36 including instructions executed by the at least one processor 34. Content generated, interacted with, or edited in association with a user account is stored in a database 30 or other storage types. According to an aspect, the system memory configures the at least one processor 34 to extend application programming interfaces (APIs) provided by external computing services 32 to interface with the computing services. External computing services 32 may serve as other storage types, which can be a directory service 94, a web portal 96, a mailbox service 98, an instant messaging store 101, or a social network 103.
Fig. 6-7 are typical user flow diagrams for implementations of the methods and systems of Fig. 2-3. User flow in Fig. 6 is characteristic for amateur or professional font designers who create new fonts according to the method and system thereof of Fig. 2. The user flow begins 100 when a user launches the mobile computing device app 102 and logs in with user account credentials 104. The system accesses user account settings in the database 106, determining user profile and account type, thereby triggering an event that is selectively based on the user profile and account type, providing a customized service or resource for the user. The user is able to upload a TrueType font (TTF) or any font type 108. The TTF or any font type is converted to an image format in a one-time run using Python or another high-level general-purpose programming language 108. The user may manipulate selected visual characteristics of the generated image comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or addition of fixed shapes or images in different colors and sizes that can be applied to different letters 110. The system then pairs the manipulated image with the TrueType font or any font type to create a new font using FontEab software, or any font editor, or Python code, or another high-level general -purpose programming language 112. Concurrently, the system tracks Ux to determine user engagement metrics and preferences to respond appropriately 114. Once operations are complete, user flow ends 116.
Fig. 7a-c is a characteristic user flow for users with reading difficulties who manipulate fonts according to the method and system of Fig. 3. In Fig. 7a, user flow begins 200 when a user launches the mobile computing device app 202 and logs in with user account credentials 204. The system accesses user account settings in the database 206, determining user accessibility profile and account type, thereby triggering an event that is selectively based on the user accessibility profile and account type, providing a customized service or resource for the user. The user is able to upload a font of interest 208, whereby the system provides an appropriate manipulated font output to the user based on the user accessibility profile 210. Concurrently, the system tracks Ux to determine user engagement metrics and preferences to respond appropriately 212. Once operations are complete, user flow ends 214.
Fig. 7b is a characteristic user flow for users with reading difficulties who manipulate fonts according to the method and system of Fig. 3. User flow begins 300 when a user launches the mobile computing device app 302 and logs in with user account credentials 304. The system accesses user account settings in the database 306, determining user accessibility profile and account type, thereby triggering an event that is selectively based on the user accessibility profile and account type, providing a customized service or resource for the user. The user is able to upload a text file 308, whereby the user is able to mark partial or full text of interest in the file 310. Then the system provides an appropriate manipulated font output to the user based on the user accessibility profile 312. Concurrently, the system tracks Ux to determine user engagement metrics and preferences to respond appropriately 314. Once operations are complete, user flow ends 316.
Fig. 7c is a characteristic user flow for users with reading difficulties who manipulate fonts according to the method and system of Fig. 3. User flow begins 400 when a user launches the mobile computing device app 402 and logs in with user account credentials 404. The system accesses user account settings in the database 406, determining user accessibility profile and account type, thereby triggering an event that is selectively based on the user accessibility profile and account type, providing a customized service or resource for the user. The user is able to upload an image 408, whereby the user is able to mark partial or full text of interest in the image 410. Then the system provides an appropriate manipulated font output to the user based on the user accessibility profile 412. Concurrently, the system tracks Ux to determine user engagement metrics and preferences to respond appropriately 414. Once operations are complete, user flow ends 416.
Referring now to Fig. 8, numbers and letters in exemplary new fonts, which may be created by amateur or professional font designers, are depicted.
Figure 8a illustrates exemplary numbers and letters after regularly adding zebra-like stripes in a fixed manner within each number or letter. Figure 8b illustrates an exemplary text in the new font of Fig. 8a. Referring now to Fig. 9, manipulated numbers and letters which may be created by the invention after it receives template numbers and letters. Fig. 9 illustrates exemplary manipulated numbers and letters after the visual characteristic of angle is regularly varied in each number or letter. Fig. 10 illustrates exemplary new font generated from received template user input after regularly adding rectangle shapes to the background of each letter, and a range of text sizes. Fig. 11 illustrates exemplary new font in a range of text sizes, generated from the same received template user input after adding fixed shapes to the front of each letter and circles to the background of each letter.
It should be understood that the foregoing examples represent only a small sample of the various types of manipulated font that can be produced from input text, and that many other manipulated fonts may be created depending on the choice of visual characteristic, change frequency, change unit, and type of change (regular/sequential or random). It is believed that by varying the visual characteristics of the user input in this manner so that the resulting manipulated font has greater variety in its appearance, those who have reading difficulties may achieve higher reading speed and comprehension than they would using "ordinary" font.
It should be understood that all of the visual characteristics may be automatically applied to one or more letters or numbers in the language of interest.
Fig. 12 is a diagrammatic view illustrating the components of the methods and systems thereof for creating, editing and designing new font in a software application (app). In a basic configuration, the system may include a user management module 500 comprising one or more databases including user data 502, user-related documents 504 and user fonts (CSS/JS, OTF and Image formats) 506. The user management module is in communication with a Font Builder 518 configured to receive one or more inputs. One or more inputs may comprise 1) imported photos, or GIFs, or video 508; 2) stock photos, or GIFs, or video 510; 3) Al photos, or GIFs, or video 512; 4) imported fonts 514; and 5) Stock fonts 516. Once one or more inputs are received by the Font Builder 518, a new font may be created, edited, or designed by 1) using a "painter" interface for all font layers by the user (including Al tools) 520, or 2) using an Al-enabled font creator (Al font) by text or logo 522. Once the new font is generated, it is displayed to the user as a preview 526 and provided as one or more outputs comprising 1) CSS/JS 528; 2) OpenType Font (OTF) 530; or 3) software development kit (SDK) 532. When the output is a CSS/JS, it may be implemented as a plugin for frameworks (Font settings, Edit font) 534 or as a font used in Choreography (design) 536, then in a user website 538. Alternatively, a CSS/JS output may be used in a digital art software module 540 comprising 1) graphic design software 542; and 2) a video creator 544. In this case, the one or more outputs of the digital art software module 540 may be implemented as 1) a photo to print or share 544; 2) a PDF to print or share 546; or 3) a video 548.
When the output is an OTF 530, it may be implemented as a plugin for frameworks (Font settings, Edit font) 534 or as a font used in Choreography (design) 536, then in a user website 538 or various software 552. When the output is an SDK 532, it may be implemented in software applications (Apps) 554. Selected fonts (My fonts) 556 from a user's database may be selected and provided as one or more outputs in the abovementioned process. Additionally, the system may further comprise an Al-enhanced font design solution (termed "Smart Font"), that utilizes advanced machine learning and natural language processing (NLP) technologies to create a dynamic, context-aware typography experience. Smart Font may adapt in real-time to the specific text being entered and the context in which it is used, embedded interactively on user websites, allowing the font to automatically adjust its style based on predefined categories. Initially, it employs NLP to analyze the text input, enabling it to understand context and identify keywords that correspond to relevant categories. This analysis feeds into a machine learning module that continuously refines the system's accuracy based on user interactions and preferences, improving font design recommendations over time. Following text analysis, a design recommendation system selects from a variety of design tools, which include color matching, shape processing, and multimedia integration, such as images or animations. This process ensures that each design element is chosen based on both the system’s understanding of the text and user-defined settings. Furthermore, the Smart Font is integrated into client websites 538 or Apps 554 through an API interface, enabling real-time adaptation and ensuring that design changes are instantly reflected as users create or update content, resulting in a personalized and contextually appropriate font experience.
The description and illustration of one or more examples provided in this invention are not intended to limit or restrict the scope as claimed in any way. The aspects, examples, and details provided in this invention are considered sufficient to convey possession and enable others to make and use the best mode. Implementations should not be construed as being limited to any aspect, example, or detail provided in this invention. Regardless of whether shown and described in combination or separately, the various embodiments (both structural and methodological) are intended to be selectively included or omitted to produce an example with a particular set of embodiments. Having been provided with the description and illustration of the present invention, one skilled in the art may envision variations, modifications, and alternate examples falling within the spirit of the broader aspects of the general inventive concept embodied in this invention that do not depart from the broader scope.

Claims

What is claimed is
1. A computer-implemented method of creating new font comprising steps of: a. converting TrueType font (TTF) or any font type 14 to an image format in a one-time run using Python or another high-level general -purpose programming language 16; b. manipulating selected visual characteristics of the generated image comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 18; c. pairing said manipulated image 20 with said TrueType font or any font type to create a new font using FontLab software, or any font editor, or Python code, or another high-level general-purpose programming language 22;
2 The method of claim 1 , wherein said new font can be implemented to one or more letters in the language of interest.
3 The method of claim 1, wherein said new font are stored in GitHub or another a high-level cloud-based storage platform 24.
4 The method of claim 1 , wherein said new font can be implemented in a software application (app).
5 A computer-implemented system for creating new font comprising: a. a processor 10 b. a memory 12 including instructions that when executed by said processor 10, configure said processor 10 to: i. convert TrueType font (TTF) or any font type 14 to an image format in a one-time run using Python or another high-level general-purpose programming language 16; ii. manipulate selected visual characteristics of the generated image comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 18; iii. pair said manipulated image 20 with said TrueType font or any font type to create a new font using FontLab software, or any font editor, or Python code, or another high- level general -purpose programming language 22; A method of creating new font in a software application (app) in a client-server mode, comprising the computer-implemented steps of: a. providing a user mobile computing device app 26, in Android, iOS, browser extension, or any component that renders web content, and communicating with a server 202 configured for: i. converting TrueType font (TTF) or any font type 27 to an image format in a one-time run using Python or another high-level general-purpose programming language 38; ii. manipulating selected visual characteristics of the generated image comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 40; iii. pairing said manipulated image 42 with said TrueType font or any font type to create a new font using Python code, or another high-level general-purpose programming language 44; iv. storing said new font in an external updatable database 30; b. delivering said new font 44 to the graphical user interface (GUI) of the mobile computing device app 26 in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content; c. providing user data concerning user experience (Ux) to an external updatable database 30 comprising user data 72, text data 74 and files 76; said user data concerning user preferences of said new fonts; d. implementing said user preferences to optimize said Ux for said user. The method of claim 6, wherein said new font can be implemented to one or more letters in the language of interest. A system for creating new font in a software application in a client-server mode, comprising: a. a processor 34 b. a memory 36 including instructions that when executed by said processor 34, configure said processor 34 to i. receive user input comprising TrueType font (TTF) or any font type 27; ii. convert said TrueType font (TTF) or any font type 27 to an image format in a onetime run using Python or another high-level general-purpose programming language 38; iii. manipulate selected visual characteristics of the generated image comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes or images in different colors and sizes that can be applied to different letters 40; iv. pair said manipulated image with said TrueType font or any font type to create a new font using Python code, or another high-level general-purpose programming language 42; v. store said new font in an external updatable database 30; vi. deliver said new font 44 to the graphical user interface (GUI) of the mobile computing device app 26 in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content; vii. extend application programming interfaces (APIs) provided by external computing services 32 to interface with said computing services; and viii. process said user data associated with a user account, and the data from the plurality of data sources from other user accounts, to perform machine learning operations; said machine learning operations comprising steps of
1) determining necessity to train a machine learning module 60;
2) determining said user data concerning said Ux and said user interactions;
3) using said user data to train said machine learning module 60 to analyze and produce a result indicating to perform an update of said user preferences concerning said new font 44; and
4) configure said machine learning module 60 to perform an update of said user account; c. a database 30 comprising user data 72, text data 74 and files 76.
. A method of manipulating font in a software application (app) in a client-server mode, comprising the computer-implemented steps of: a. providing a user mobile computing device app 26, in Android, iOS, browser extension, or any component that renders web content, and communicating with a server 28 configured for uploading user input comprising a text 29, or a text file 31, or an image 33; b. sending said user input to an Application Programming Interface (API) in Node.js, or any other server language in said server 39; c. processing said user input concerning said user 26; said processing comprising two steps; in the first step, converting said text file or said image to a text using API in Node.js or another high-level general -purpose programming language 39; in the second step, converting said text to a HyperText Markup Language (HTML) format 41, then displaying the HTML format in a new font 43; said HTML format may be converted to PDF format; d. delivering said new font 45 to the graphical user interface (GUI) of the mobile computing device app 26 in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content; e. providing user data concerning user experience (Ux) to an external updatable database 30 comprising user data 72, text data 74 and files 76; said user data concerning user preferences of said new fonts; f. implementing said user preferences to optimize said Ux for said user.
10. The method of claim 9, wherein said manipulated font can be implemented to one or more letters in the language of interest.
11. The method of claim 9, wherein said user has chronic concentration difficulties such as attention deficit disorder (ADD) or attention deficit hyperactivity disorder (ADHD).
12. The method of claim 9, wherein said user has temporary concentration difficulties related to environmental or medical conditions.
13. The method of claims 9, 11 and 12, wherein said new font is replaced with different new font at each said uploading of user input.
14. The method of claim 9, wherein said user has dyslexia disorder.
15. The method of claim 9, wherein said user has memory impairment and forgetfulness.
16. The method of claim 9, wherein said user has visual impairment.
17. The method of claim 9, wherein said user input is a text 29, said text comprising lines, said lines comprising words, said words comprising letters.
18. The method of claim 9, wherein said user input is a text file 31, said text file comprising text, said text comprising lines, said lines comprising words, said words comprising letters.
19. The method of claim 9, wherein said user input is an image 33.
20. The method of claim 9, wherein said user input is a scan or photocopy of a hard copy print in text or image format.
21. The method of claim 9, wherein said HTML format is set in a new font obtained from said cloudbased storage platform 24 of claim 3.
22. The method of claim 9, wherein said user data comprising user engagement metrics based on reading frequency, reading duration, scrolling frequency, eye movement and mobile computing device movement.
23. The method of claim 9, wherein said Ux is personalized according to customized readability criteria preferences for said user; said Ux comprising operation of a plurality of display parameters as determined from processed outputs of previous user interactions; said previous interactions comprise user data.
24. A system for manipulating font in a software application in a client-server mode, comprising: a. a processor 34 b. a memory 36 including instructions that when executed by said processor 34, configure said processor 34 to: i. receive user input comprising a text 29, or a text file 31, or an image 33; ii. send said user input for processing to an application programming interface (API) in Node.js 39, or any other server language in said server; said processing comprising two steps; in the first step, converting said text file or said image to a text using Python or another high-level general -purpose programming language 39; in the second step, converting said text to a HyperText Markup Language (HTML) format 41, then displaying the HTML format as a new font 43; Said HTML format may be converted to PDF format; iii. deliver said new font 45 to the graphical user interface (GUI) of the mobile computing device app 26 in in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content; iv. extend application programming interfaces (APIs) provided by external computing services 32 to interface with said computing services; and v. process said user data associated with a user account, and the data from the plurality of data sources from other user accounts, to perform machine learning operations; said machine learning operations comprising steps of:
1) determining necessity to train a machine learning module 60;
2) determining said user data concerning said Ux and said user interactions;
3) using said user data to train said machine learning module 60 to analyze and produce a result indicating to perform an update of said user preferences concerning said new font 45; and
4) configure said machine learning module 60 to perform an update of said user account. c. a database 30 comprising user data 72, text data 74 and files 76.
25. The system of claims 8 and 24, further comprising a login module 46 for enabling said user to log into said mobile computing device app.
26. The system of claims 8 and 24, wherein said user 80 can be non-registered 82 with limited access to said system.
27. The system of claims 8 and 24, further comprising a registration module 48 for registering said user 80; said registration 86 a process wherein said user 80 creates said user account with user login credentials by providing necessary information; said necessary information including username and password.
28. The system of claim 8, further comprising an identity module 56 for creating a user profile by combining said username, said password, selected information, and a system generated attribute; said user profile is part of said user account stored in said database 30.
29. The system of claim 24, further comprising an identity module 56 for creating a user accessibility profile by combining said username, said password, selected information, and a system generated attribute; said user accessibility profile is part of said user account stored in said database 30.
30. The system of claims 8 and 24, further comprising an authentication module 50 for authenticating said user account; said authentication 88 verifying said user login credentials with said username and said password.
31. The system of claims 8 and 24, further comprising an authorization module 52 for authorizing said user account; said authorization permitting access levels based on said user login credentials.
32. The system of claims 8 and 24, further comprising a subscription module 54 for subscribing said user; said subscription 90 a process wherein registered users can subscribe said user account; said subscription enables said user to receive notifications, emails, SMSs, recommendations for reading material and newsletters.
33. The system of claims 8 and 24, wherein said identity module 56 provides functionality for said user to update said user login credentials.
34. The system of claims 8 and 24, wherein said identity module 56 identifies said user login credentials through said database 30 and determines the user account type; said account types comprising of registered and subscribed accounts.
35. The system of claim 24, wherein said system responds according to said user accessibility profile and said account type, triggering an event that is selectively based on said user accessibility profile and said account type, providing a service or resource based on said user accessibility profile and said account type.
36. The system of claim 24, wherein said user 80 having used said system for the first time, and having registered thereof, is considered a registered user; said registered user necessarily has unique said accessibility profile and said account type; said system transforms said user input to conform with the needs of said user associated with the selected said user account in said database 30.
37. The system of claims 8 and 24, further comprising a settings module 58 for adjusting the size of said new font; said settings comprising a range of text sizes.
38. The system of claims 8 and 24, further comprising a storage module 78 for storing said user data 72 related to said Ux preferences of said user account in said database 30.
39. The system of claims 8 and 24, wherein said user data 72 is securely and efficiently stored in said database 30, while allowing retrieval as needed.
40. The system of claims 8 and 24, wherein content generated, interacted with, or edited in association with said user account is stored in said database 30 or other storage types; said other storage types comprise external computing services 32; said external computing services for storage can be a directory service 94, a web portal 96, a mailbox service 98, an instant messaging store 101, or a social network 103.
41. The system of claim 24, further comprising a user engagement tracking module 62 for monitoring and tracking user engagement metrics within the mobile computing device app; said user engagement metrics comprising reading frequency, reading duration, scrolling frequency, eye movement and mobile computing device movement.
42. The system of claims 8 and 24, further comprising an analytics data collection module 64 for collecting said user data concerning said user engagement metrics, interactions, usage patterns, and app performance.
43. The system of claims 8 and 24, further comprising an analytics data analysis module 66 for processing and analyzing said user data to extract insights concerning said user.
44. The system of claims 8 and 24, wherein said Ux is improved over time by said machine learning module 60 based on said user data 72; said improvement comprised of personalizing content, optimizing performance, enhancing security, and providing feedback.
45. The system of claims 8 and 24, further comprising a push notification module 68 for pushing real-time notifications to said user based on triggered events or said user preferences.
46. The system of claims 8 and 24, further comprising a social interaction module 70 for facilitating social interaction between said user and community forums, collaborations and chat functionality.
47. A system for creating a personalized font according to user needs using limited memory artificial intelligence (Al), comprising: a. an input/output (I/O) interface; b. one or more databases comprising images, videos, Graphics Interchange Formats (GIFs) and fonts; c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of said one or more tangible storage mediums for execution by at least one of said one or more processors via at least one of said one or more memories, wherein said system is configured to:
1 ) connect a user to said system;
2) commence a user session;
3) collect user data, by an Interview Al (IAI) bot, from a video interview; said IAI bot configured to ask said user a predefined set of questions for defining user needs; said user needs related to chronic concentration difficulties, dyslexia, memory impairment, forgetfulness, visual impairment, or any other temporary or chronic disability;
4) use one or more machine learning (ML) algorithms to infer user needs from said user data;
5) generate an interactive digital user profile (IDUP), by a digital user profile module, of said user based on said user needs;
6) select a user persona from a set of predetermined user personas that most closely associates with user needs of said IDUP based on the derived user data;
7) compute one or more matching fonts to meet user needs by using one or more ML algorithms;
8) rank said one or more matching fonts according to matching percentage; said percentage based on matching score of said IDUP and user needs;
9) automatically generate said one or more matching fonts by performing steps of: a) converting a text file or an image to a text using Python or another high- level general -purpose programming language; b) converting said text to a HyperText Markup Language (HTML) format; c) displaying said HTML format as a new font according to said user needs; said HTML format may be converted to PDF format; d) delivering said new font to the graphical user interface (GUI) of the mobile computing device app in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content.
48. The system of claim 47, wherein said user has chronic concentration difficulties such as attention deficit disorder (ADD) or attention deficit hyperactivity disorder (ADHD).
49. The system of claim 47, wherein said user has temporary concentration difficulties related to environmental or medical conditions.
50. The system of claim 47, wherein said user has dyslexia disorder.
51. The system of claim 47, wherein said user has memory impairment and forgetfulness.
52. The system of claim 47, wherein said user has visual impairment.
53. The system of claim 52, wherein said Al hot performs a vision test during said video interview to determine said user needs of a visually impaired user.
54. A method of creating a personalized font according to user needs using limited memory artificial intelligence (Al), comprising steps of: a. obtaining the system of claim 47 ; b. connecting a user to said system; c. commencing a user session; d. collecting user data, by an Interview Al (IAI) bot, from a video interview; said IAI bot configured to ask said user a predefined set of questions for defining user needs; said user needs related to chronic concentration difficulties, dyslexia, memory impairment, forgetfulness, visual impairment, or any other temporary or chronic disability; e. using one or more machine learning (ML) algorithms to infer user needs from said user data; f. generating an interactive digital user profile (IDUP), by a digital user profile module, of said user based on said user needs; g. selecting a user persona from a set of predetermined user personas that most closely associates with user needs of said IDUP based on the derived user data; h. computing one or more matching fonts to meet user needs by using one or more ML algorithms; i. ranking said one or more matching fonts according to matching percentage; said percentage based on matching score of said IDUP and user needs; j. automatically generating said one or more matching fonts by performing steps of: i. converting a text file or an image to a text using Python or another high-level general-purpose programming language; ii. converting said text to a HyperText Markup Language (HTML) format; iii. displaying said HTML format as a new font according to said user needs; said HTML format may be converted to PDF format; iv. delivering said new font to the graphical user interface (GUI) of the mobile computing device app in Mozilla WebView, or browser extension, or website in Firefox browser, or PDF in any browser, or any component that renders web content.
55. A system for creating a personalized font according to user needs using limited memory artificial intelligence (Al), comprising: a. an input/output (I/O) interface; b. one or more databases images, videos, Graphics Interchange Formats (GIFs) and fonts; c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of said one or more tangible storage mediums for execution by at least one of said one or more processors via at least one of said one or more memories, wherein said system is configured to:
1 ) connect a user to said system;
2) commence a user session;
3) collect user data, by an Interview Al (IAI) bot, from a video interview; said IAI bot configured to ask said user a predefined set of questions for defining user needs; said user needs related to chronic concentration difficulties, dyslexia, memory impairment, forgetfulness, visual impairment, or any other temporary or chronic disability;
4) use one or more machine learning (ML) algorithms to infer user needs from said user data;
5) generate an interactive digital user profile (IDUP), by a digital user profile module, of said user based on said user needs;
6) select a user persona from a set of predetermined user personas that most closely associates with user needs of said IDUP based on the derived user data; 7) compute one or more matching fonts to meet user needs by using one or more ML algorithms;
8) rank said one or more matching fonts according to matching percentage; said percentage based on matching score of said IDUP and user needs;
9) automatically generate said one or more matching fonts by performing steps of: a) providing a TrueType font (TTF) or any font type in a font builder (FB); b) adding content to said TTF or any font type according to said one or more matching fonts to meet user needs using a three-layer selector (TLS) on top, middle and bottom layers, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, video or Graphics Interchange Format (GIF) that can be applied to different letters or video; c) applying said added content to said TTF or any font type; d) displaying a preview of said personalized font; e) exporting said personalized font as a plurality of files comprising JS, Cascading Style Sheets (CSS), and image or video or Graphics Interchange Format (GIF) files; and f) applying said plurality of files of said personalized font to a HyperText Markup Language (HTML) format in a website or web application.
56. The system of claim 55, wherein said generation of said one or more matching fonts to meet user needs performed by steps of: a. providing a TrueType font (TTF) or any font type in a font builder (FB); b. adding content to said selected letters using a three -layer selector (TLS) on top, middle and bottom layers of said selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, or video; c. applying said added content to to said TTF or any font type; d. converting said top, middle and bottom layers to a scalable vector graphics (SVG) format; e. combining said top, middle and bottom layers into one unified SVG with regards to their z- indices; f. applying said middle layer as a pattern inside the fill attribute of said unified SVG; g. displaying a preview of said personalized font; h. encoding said unified SVG into an OpenType (OT)-SVG font format using an open-source library; i. applying said OT-SVG font format in a computer program or a web program.
57. The system of claim 55, wherein said personalized font comprises a software development kit (SDK) file for app software.
58. A method of creating a personalized font according to user needs using limited memory artificial intelligence (Al), comprising steps of: a. obtaining the system of claim 55; b. connecting a user to said system; c. commencing a user session; d. collecting user data, by an Interview Al (IAI) bot, from a video interview; said IAI bot configured to ask said user a predefined set of questions for defining user needs; said user needs related to chronic concentration difficulties, dyslexia, memory impairment, forgetfulness, visual impairment, or any other temporary or chronic disability; e. using one or more machine learning (ML) algorithms to infer user needs from said user data; f. generating an interactive digital user profile (IDUP), by a digital user profile module, of said user based on said user needs; g. selecting a user persona from a set of predetermined user personas that most closely associates with user needs of said IDUP based on the derived user data; k. computing one or more matching fonts to meet user needs by using one or more ML algorithms; l. ranking said one or more matching fonts according to matching percentage; said percentage based on matching score of said IDUP and user needs; m. automatically generating said one or more matching fonts by performing steps of: i. providing a TrueType font (TTF) or any font type in a font builder (FB); ii. adding content to said TTF or any font type according to said one or more matching fonts to meet user needs using a three-layer selector (TLS) on top, middle and bottom layers, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, video or Graphics Interchange Format (GIF) that can be applied to different letters or video; iii. applying said added content to said TTF or any font type; iv. displaying a preview of said personalized font; v. exporting said personalized font as a plurality of files comprising JS, Cascading Style Sheets (CSS), and image or video or Graphics Interchange Format (GIF) files; and vi. applying said plurality of files of said personalized font to a HyperText Markup Language (HTML) format in a website or web application.
59. The method of claim 58, wherein said generation of said one or more matching fonts to meet user needs performed by steps of: a. providing a TrueType font (TTF) or any font type in a font builder (FB); b. adding content to said selected letters using a three -layer selector (TLS) on top, middle and bottom layers of said selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, or video; c. applying said added content to said TTF or any font type; d. converting said top, middle and bottom layers to a scalable vector graphics (SVG) format; e. combining said top, middle and bottom layers into one unified SVG with regards to their z- indices; f. applying said middle layer as a pattern inside the fill attribute of said unified SVG; g. displaying a preview of said personalized font; h. encoding said unified SVG into an OpenType (OT)-SVG font format using an open-source library; i. applying said OT-SVG font format in a computer program or a web program.
60. The method of claim 58, wherein said personalized font comprises a software development kit (SDK) file for app software.
61. A system for editing font in a software application (app), comprising: a. an input/output (I/O) interface; b. one or more databases comprising font formats, user data, text data, images, videos, and Graphics Interchange Formats (GIFs); c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of said one or more tangible storage mediums for execution by at least one of said one or more processors via at least one of said one or more memories, wherein said system is configured to:
1) receive an image, video, Graphics Interchange Format (GIF), or TrueType font (TTF) or any font type in a font builder (FB);
2) select letters for editing; said selection may comprise all letters, a block of letters or specific letters;
3) add content to said selected letters using a three-layer selector (TLS) on top, middle and bottom layers of said selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, video or Graphics Interchange Format (GIF) that can be applied to different letters or video;
4) apply said added content to all letters, block of letters or specific letters;
5) display a preview of said all letters, a block of letters or specific letters with added content;
6) export said new font as a plurality of files comprising JS, Cascading Style Sheets (CSS), and image or video or Graphics Interchange Format (GIF) files; and
7) apply said plurality of files to a HyperText Markup Language (HTML) format in a website or web application.
62. The system of claim 61, wherein said TTF or any font type is received from said one or more databases or an external source.
63. The system of claim 61, wherein said new font is applied as a plug-in or web extension.
64. The system of claim 61, wherein said new font is applied in a website building platform.
65. The system of claim 61, wherein said export further comprises TrueType font (TTF), OpenType font (OTF) or any font type.
66. The system of claim 61, wherein said new font comprises a software development kit (SDK) file for app software.
67. A method of editing font in a software application (app), comprising steps of: a. obtaining the system of claim 61; b. receiving an image, video, Graphics Interchange Format (GIF), or TrueType font (TTF) or any font type in a font builder (FB); c. selecting letters for editing; said selection may comprise all letters, a block of letters or specific letters; d. adding content to said selected letters using a three-layer selector (TLS) on top, middle and bottom layers of said selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, video or Graphics Interchange Format (GIF) that can be applied to different letters or video; e. applying said added content to all letters, block of letters or specific letters; f. displaying a preview of said all letters, a block of letters or specific letters with added content; g. exporting said new font as a plurality of files comprising JS, Cascading Style Sheets (CSS), and image or video or Graphics Interchange Format (GIF) files; and h. applying said plurality of files to a HyperText Markup Language (HTML) format in a website or web application.
68. A system for creating a new font in a software application (app), comprising: a. an input/output (I/O) interface; b. one or more databases comprising font formats, user data, text data, images, videos, and Graphics Interchange Formats (GIFs); c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of said one or more tangible storage mediums for execution by at least one of said one or more processors via at least one of said one or more memories, wherein said system is configured to:
1) receiving a word or text-of interest and an image, video, Graphics Interchange Format (GIF), or TrueType font (TTF) or any font type in a font builder (FB); 2) select letters from said word or text-of-interest for editing; said selection may comprise all letters, a block of letters or specific letters;
3) add content to said selected letters using a three-layer selector (TLS) on top, middle and bottom layers of said selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, video or Graphics Interchange Format (GIF) that can be applied to different letters or video;
4) apply said added content to all letters, block of letters or specific letters;
5) display a preview of said all letters, a block of letters or specific letters with added content;
6) export said new font as an image, video or Graphics Interchange Format (GIF) file; and
7) apply said export file to a HyperText Markup Language (HTML) format in a website or web application.
69. A method of creating a new font in a software application (app), comprising steps of: a. Obtaining the system of claim 68; b. receiving a word or text -of interest and an image, video, Graphics Interchange Format (GIF), or TrueType font (TTF) or any font type in a font builder (FB); c. selecting letters from said word or text-of-interest for editing; said selection may comprise all letters, a block of letters or specific letters; d. adding content to said selected letters using a three -layer selector (TLS) on top, middle and bottom layers of said selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, video or Graphics Interchange Format (GIF) that can be applied to different letters or video; e. applying said added content to all letters, block of letters or specific letters; f. displaying a preview of said all letters, a block of letters or specific letters with added content; g. exporting said new font as as an image, video or Graphics Interchange Format (GIF) file; and h. applying said export file to a HyperText Markup Language (HTML) format in a website or web application.
70. A system for editing font in a software application (app), comprising: a. an input/output (I/O) interface; b. one or more databases comprising font formats, user data, text data, images, videos, and Graphics Interchange Formats (GIFs); c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of said one or more tangible storage mediums for execution by at least one of said one or more processors via at least one of said one or more memories, wherein said system is configured to:
1) receive an image, video, Graphics Interchange Format (GIF), or TrueType font (TTF) or any font type in a font builder (FB);
2) select letters for editing; said selection may comprise all letters, a block of letters or specific letters;
3) add content to said selected letters using a three-layer selector (TLS) on top, middle and bottom layers of said selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, or video;
4) apply said added content to all letters, block of letters or specific letters;
5) convert said top, middle and bottom layers to a scalable vector graphics (SVG) format;
6) combine said top, middle and bottom layers into one unified SVG with regards to their z-indices;
7) apply said middle layer as a pattern inside the fill attribute of said unified SVG;
8) display said all letters, a block of letters or specific letters with added content;
9) encode said unified SVG into an OpenType (OT)-SVG font format using an open-source library;
10) apply said OT-SVG font format in a computer program or a web program.
71. The system of claim 70, wherein said font is defined as a customized font file.
72. The system of claim 71, wherein said added content to said customized font file is a Graphics Interchange Format (GIF) animation.
73. A method of editing font in a software application (app), comprising steps of: a. obtaining the system of claim 70; b. receiving an image, video, Graphics Interchange Format (GIF), or TrueType font (TTF) or any font type in a font builder (FB); c. selecting letters for editing; said selection may comprise all letters, a block of letters or specific letters; d. adding content to said selected letters using a three -layer selector (TLS) on top, middle and bottom layers of said selected letters, comprising color of a letter or around a letter, distribution of colors within a letter, angles, shading, edges or adding fixed shapes, images in different colors and sizes, or video; e. applying said added content to all letters, block of letters or specific letters; f. converting said top, middle and bottom layers to a scalable vector graphics (SVG) format; g. combining said top, middle and bottom layers into one unified SVG with regards to their z- indices; h. applying said middle layer as a pattern inside the fill attribute of said unified SV G; i. displaying said all letters, a block of letters or specific letters with added content; j. encoding said unified SVG into an OpenType (OT)-SVG font format using an open-source library; k. applying said OT-SVG font format in a computer program or a web program
74. A system for designing font in a software application (app), comprising: a. an input/output (I/O) interface; b. one or more databases comprising font formats, user data, text data, images, videos, and Graphics Interchange Formats (GIFs); c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of said one or more tangible storage mediums for execution by at least one of said one or more processors via at least one of said one or more memories, wherein said system is configured to:
1) receive a font of interest as an OT-SVG, SDK or plurality of files comprising JavaScript (JS), Cascading Style Sheets (CSS), and image or video or Graphics Interchange Format (GIF) files in a font builder (FB);
2) display said font of interest on said interface;
3) add content to the background of said font of interest comprising fixed shapes, images in different colors and sizes, video or GIFs;
4) apply said added background content to said font of interest;
5) display said font of interest with added background content;
6) export said font of interest with added background content according to predefined settings as an image, video or Graphics Interchange Format (GIF) files; and
7) upload said font of interest with added background content to a platform or app of interest;
75. The system of claim 74, wherein said platform of interest is a social media platform, instant messaging (IM) service, or voice -over-IP (VoIP) service.
76. The system of claim 75, wherein said font of interest with added background content is applied as an advertisement, a message, a notice, or a post.
77. A method of designing font in a software application (app), comprising steps of: a. obtaining the system of claim 74; b. receiving a font of interest as an OT-SVG, SDK or plurality of files comprising JavaScript (JS), Cascading Style Sheets (CSS), and image or video or Graphics Interchange Format (GIF) files in a font builder (FB); c. displaying said font of interest on said interface; d. adding content to the background of said font of interest comprising fixed shapes, images in different colors and sizes, video or GIFs; e. applying said added background content to said font of interest; f. displaying said font of interest with added background content; g. exporting said font of interest with added background content according to predefined settings as an image, video or Graphics Interchange Format (GIF) files; and h. uploading said font of interest with added background content to a platform or app of interest.
78. A system for integrating two or more Graphics Interchange Formats (GIFs), comprising: a. an input/output (I/O) interface; b. one or more databases comprising font formats, user data, text data, images, videos, and Graphics Interchange Formats (GIFs); c. a remote server device, comprising: i. one or more processors operatively coupled to one or more Al bots; ii. one or more computer-readable memories; iii. one or more computer-readable tangible storage mediums; iv. program instructions stored on at least one of said one or more tangible storage mediums for execution by at least one of said one or more processors via at least one of said one or more memories, wherein said system is configured to:
1) receive user input comprising two or more GIFs;
2) detect key parameters from each GIF; said key parameters comprising cumulative frame timing, disposal method, canvas dimensions (width and height), position (x, y), rotation (in degrees), number of frames, and delay for each frame;
3) combine all frames from said two or more GIFs intermittently into a single frame stack;
4) ensure all frames from said two or more GIFs single frame stack alternate in the correct sequence with desired timing and said detected key parameters;
5) if frames use disposal method, then clear previous frames to preserve the intended animation properties;
6) clone raster and vector images into said all frames to appear static;
7) encode said single frame stack into a single, combined GIF image;
8) display said combined GIF image; and
9) export said combined GIF image.
79. The system of claim 78, wherein said raster or vector images comprise Joint Photographic
Experts Group (JPEG), Portable Network Graphics (PNG), or Scalable Vector Graphics (SVG).
80. A method of integrating two or more Graphics Interchange Formats (GIFs), comprising steps of: a. obtaining the system of claim 79; b. receiving user input comprising two or more GIFs; c. detecting key parameters from each GIF ; said key parameters comprising cumulative frame timing, disposal method, canvas dimensions (width and height), position (x, y), rotation (in degrees), number of frames, and delay for each frame; d. combining all frames from said two or more GIFs intermittently into a single frame stack; e. ensuring all frames from said two or more GIFs single frame stack alternate in the correct sequence with desired timing and said detected key parameters; f. if frames use disposal method, then clearing previous frames to preserve the intended animation properties; g. cloning raster and vector images into said all frames to appear static; h. encoding said single frame stack into a single, combined GIF image; i. displaying said combined GIF image; and j. exporting said combined GIF image.
81. A design adaptation system for modifying design elements based on a selected font from a font database, comprising: a. a font identification module configured to identify structural characteristics of the selected font, including stroke width, curve shape, and unique design elements; b. an adjustment module operable to automatically modify design elements based on the identified structural characteristics, including: i. a proportional scaling component for adjusting the size and spacing of the design elements to align with the proportions of the selected font; ii. a stylistic alignment component to ensure that additional design features complement the inherent style of the selected font; iii. a structural integrity component for maintaining the original character and readability of the selected font; c. a user customization interface that provides tools for further modification of design elements while adhering to the structural requirements of the selected font; and d. a consistency and compatibility module that ensures all adapted designs remain consistent and compatible with various font structures in the font database.
82. A computer-implemented method for adapting design elements to a selected font from a font database, comprising steps of: a. identifying structural characteristics of the selected font, including stroke width, curve shape, and unique design elements; b. automatically adjusting design elements based on the identified structural characteristics, including: i. proportional scaling of size and spacing of the design elements to align with the proportions of the selected font; ii. stylistic alignment of additional design features to complement the inherent style of the selected font; iii. maintaining structural integrity of the selected font to preserve its original character and readability; c. providing user customization tools that allow further modification of design elements while adhering to the structural requirements of the selected font; and d. ensuring consistency and compatibility of all adapted designs with the various font structures in the font database.
83. A font restoration and enhancement system, comprising: a. a disassembly module configured to break down a font into its basic components, including letters, symbols, and spacing; b. a redesign module operable to adjust the shapes, refine the colors, and enhance the geometries of the disassembled font components; c. a restoration module designed to recover lost data from the disassembly process, including: i. a mechanism for defining appropriate letter spacing to ensure readability; ii. a mechanism for establishing consistent word spacing; and iii. a mechanism for ensuring proper line breaks to prevent word splitting when transitioning to a new line; and d. a data retrieval module configured to maintain consistent data throughout the restoration process, ensuring adherence to accepted standards in font design.
84. A computer-implemented method for restoring and enhancing fonts, comprising steps of: a. disassembling a font into its basic components, including letters, symbols, and spacing; b. redesigning the disassembled font components by adjusting shapes, refining colors, and enhancing geometries of the letters and symbols; c. restoring lost data from the disassembly process, including: i. defining appropriate letter spacing to ensure readability; ii. establishing consistent word spacing; and iii. ensuring proper line breaks to prevent word splitting when transitioning to a new line; and d. retrieving and maintaining consistent data throughout the restoration process to ensure adherence to accepted standards in font design.
85. A dynamic font adaptation system for a website, comprising: a. a text analysis module configured to utilize Natural Language Processing (NLP) for identifying contextual keywords and predefined categories from user -generated text; b. a machine learning module that learns from user interactions to enhance font design recommendations over time; c. a design selection module that chooses design elements from a built-in set of tools based on the analysis of the text, wherein the design elements include color matching, shape processing, and multimedia integration; d. an API interface for embedding the dynamic font into the client’s website, facilitating realtime communication between the client’s servers and a central font server; and e. a real-time monitoring component that continuously tracks changes in the text input and automatically updates the font design to ensure contextual relevance with the latest content.
86. A computer-implemented method for dynamically adapting font design on a website based on user-generated text, comprising steps of: a. analyzing the text input using Natural Language Processing (NLP) to identify contextual keywords and predefined categories associated with the text; b. leveraging a machine learning module to learn from user input and improve font design recommendations over time; c. selecting design elements from a built-in set of design tools based on the analyzed text, wherein the design elements include color matching, shape processing, and multimedia integration; d. embedding the dynamic font design into the client’ s website via an API interface, enabling real-time communication between the client’s servers and a central font server; and e. continuously monitoring changes in the text input and automatically updating the font design in real-time to reflect the latest content and contextual relevance.
87. A low-weight font design system utilizing artificial intelligence (Al), comprising: a. an input module configured to receive design requests from users for specific characters; b. an Al processing unit that generates visual examples of designs for specified characters based on the user input; c. a layer management module that breaks down each generated design into three distinct layers, including a top layer for decorative elements, a middle layer for the basic structure of the character, and a bottom layer for background or supporting elements; d. an application module that applies the three layers to all characters in the font, dynamically adjusting the position and shape of each layer according to the specific characteristics of each character; e. a weight optimization engine that represents each layer as a separate image, ensuring the entire font is composed of only three images corresponding to each layer; f. a positioning script module that dynamically adjusts the alignment of layers for each character based on its unique shape while utilizing shared images across the font; and g. an output generation module that produces a designed font maintaining a consistent design style for all characters while achieving a minimal file weight equivalent to just three images.
88. A computer-implemented method for designing a low-weight font using artificial intelligence (Al), comprising steps of: a. receiving a design request from a user for a specific character; b. generating a visual example of the design for the specified character using an artificial intelligence algorithm; c. breaking down the generated design into three distinct layers, including a top layer for decorative elements, a middle layer representing the basic structure of the character, and a bottom layer for background or supporting elements; d. applying the three layers to all characters in the font, dynamically adjusting the position and shape of each layer according to the specific characteristics of each character; e. optimizing the font weight by representing each layer as a separate image, such that the entire font is composed of only three images, each corresponding to a respective layer; f. utilizing a custom positioning script to ensure accurate alignment of layers for each character based on its unique shape while sharing images across the font; and g. outputting a designed font that maintains a consistent design style for all characters while achieving a minimal file weight equivalent to just three images.
89. A system for automatically updating font designs on a user’s website utilizing artificial intelligence (Al), comprising: a. a font embedding module configured to integrate a customizable font into the user’s website; b. a date recognition mechanism that interfaces with external date databases and user -defined lists to retrieve important upcoming dates; c. an Al-based design update module that analyzes the existing font and generates new design options based on the identified dates while preserving core branding elements; d. a user interface module that presents the generated design options to the user for approval at least 24 hours prior to the upcoming event; e. an automatic implementation module that applies the approved design updates across all areas of the website where the font is displayed; and f. a restoration module that reverts the font to its original design after the event concludes, ensuring consistent branding throughout the user’s website.
90. A computer- implemented method for automatically updating font designs for a user’s website using artificial intelligence (Al), comprising steps of: a. embedding a font on the user’s website; b. retrieving important upcoming dates from external date databases and user -defined lists using a date recognition mechanism; c. analyzing the existing font using an Al-based design update algorithm to generate new design options tailored to the identified dates while preserving core branding elements; d. presenting the generated design options to the user 24 hours prior to the upcoming event for approval; e. upon receiving user approval, automatically applying the new design updates across all areas of the website where the font is displayed; and f. reverting the font to its original design after the event concludes, ensuring the consistent branding of the user’s website.
91. A system for dynamically managing font designs on a website, comprising: a. a user interface configured to receive user-defined rules for font design customization based on specified positions within webpage content; b. a position and timer detection module that identifies specific locations of text elements on the webpage, including but not limited to the first letter of each sentence, specific words, or predetermined lines; c. a timer module that facilitates timed design changes, configured to trigger a change in font design after a user-specified duration; d. a real-time update engine that employs Asynchronous JavaScript and XML (AJAX) or another similar technique to apply font design changes without reloading the webpage; e. a dynamic font rendering module utilizing custom CSS to implement the font design changes according to the identified user-defined rules; f. a database mechanism for storing user settings and tracking the history of font design changes, ensuring personalized application of designs across various instances of the webpage; and g. a display module that renders the dynamically updated font designs on the webpage in accordance with the defined user rules, enhancing the visual presentation and user engagement of the site.
92. A method for dynamically managing font designs on a website, comprising the steps of: a. receiving user-defined rules for font design customization based on specified positions within webpage content; b. identifying the specific locations of text elements on the webpage using a Position and Timer Detection Mechanism, wherein the locations include but are not limited to the first letter of each sentence, specific words, or predetermined lines; c. implementing a timer to facilitate timed design changes, wherein the timer is configured to trigger a change in font design after a user-specified duration; d. applying the font design changes in real-time using Asynchronous JavaScript and XML (AJAX) or another similar technique, allowing for updates without reloading the webpage; e. utilizing custom CSS to render the font designs based on the user -defined rules, ensuring that the adjustments are made according to the specific positions identified; f. storing user settings and tracking the history of font design changes in a database mechanism to ensure personalized application of designs across different webpage instances; and g. displaying the dynamically updated font designs on the webpage in accordance with the defined user rules, thus enhancing the visual presentation and user engagement of the site.
PCT/IL2024/051008 2023-10-15 2024-10-15 Computer-implemented methods for creating, managing and displaying personalized fonts, and systems thereof Pending WO2025083686A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
US202363544218P 2023-10-15 2023-10-15
US63/544,218 2023-10-15

Publications (1)

Publication Number Publication Date
WO2025083686A1 true WO2025083686A1 (en) 2025-04-24

Family

ID=95448545

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/IL2024/051008 Pending WO2025083686A1 (en) 2023-10-15 2024-10-15 Computer-implemented methods for creating, managing and displaying personalized fonts, and systems thereof

Country Status (1)

Country Link
WO (1) WO2025083686A1 (en)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH08161516A (en) * 1994-12-07 1996-06-21 Matsushita Electric Ind Co Ltd Outline font creation device
US6992671B1 (en) * 1999-12-09 2006-01-31 Monotype Imaging, Inc. Method and apparatus for compressing Bezier descriptions of letterforms in outline fonts using vector quantization techniques
US20200065358A1 (en) * 2015-06-18 2020-02-27 International Business Machines Corporation Font personalization
CN111488104A (en) * 2020-04-16 2020-08-04 维沃移动通信有限公司 Font editing method and electronic equipment

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH08161516A (en) * 1994-12-07 1996-06-21 Matsushita Electric Ind Co Ltd Outline font creation device
US6992671B1 (en) * 1999-12-09 2006-01-31 Monotype Imaging, Inc. Method and apparatus for compressing Bezier descriptions of letterforms in outline fonts using vector quantization techniques
US20200065358A1 (en) * 2015-06-18 2020-02-27 International Business Machines Corporation Font personalization
CN111488104A (en) * 2020-04-16 2020-08-04 维沃移动通信有限公司 Font editing method and electronic equipment

Similar Documents

Publication Publication Date Title
US20140122083A1 (en) Chatbot system and method with contextual input and output messages
US20150067538A1 (en) Apparatus and method for creating editable visual object
CN116954437A (en) Information interactive processing methods, devices, equipment and computer storage media
Stolley How to design and write web pages today
WO2025042852A1 (en) Methods and apparatuses involving automated website content generation and structure using large data trained models
US10460011B2 (en) Enhanced document services
US20250245869A1 (en) System and method to generating video by text
Fernandes et al. ArtAI4DS: AI Art and Its Empowering Role in Digital Storytelling
WO2025083686A1 (en) Computer-implemented methods for creating, managing and displaying personalized fonts, and systems thereof
Singh et al. Accessify: An ML powered application to provide accessible images on web sites
Tsalapatanis et al. Designing for inclusion: How to produce inclusive materials for advice sector clients
Holzschlag 250 HTML and web design secrets
Simmons Instant responsive web design
Hutson et al. NextGen Digital Marketing in the Age of AI
Auger et al. Generative AI for Web Development: Building Web Applications Powered by OpenAI APIs and Next. js
Patama Exploring Human-AI Collaboration in the Creative Process: Enhancements and Limitations
CA2406197A1 (en) Method and system for creating self-publishing and adaptive electronic documents
Uricchio Reassessing the Situation of the Text in the Algorithmic Age
CN120321432B (en) Video generation method, system and device
US20240058566A1 (en) Stimulus generator
US20250272471A1 (en) Systems and methods for generating accessible interface content using a machine learning framework
Chauhan The Power of Visuals: Innovations in Communication Design
Avlonitou et al. A Human–AI Compass for Sustainable Art Museums: Navigating Opportunities and Challenges in Operations, Collections Management, and Visitor Engagement
Kuleniuk et al. The Future of Corporate Design: Trends and Predictions.
Jamshidi Integration and exploitation of AI tools for designing and operating modern website

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 24879303

Country of ref document: EP

Kind code of ref document: A1