Web Page Font Scaling for Small-Screen Character Visibility
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
In cloud browsers, character visibility is compromised when Web pages are scaled to fit smaller screens, leading to poor display and inefficient utilization of larger screen sizes, especially in embedded devices like copiers, due to issues with font size adjustment and layout scaling.
Innovation Solution
An information processing apparatus that acquires screen information to determine a minimum font size, sets it larger than the minimum, and generates display information to ensure characters are visible, even when scaling is required, thereby preventing visibility loss and layout collapse.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Area of stationary object
If the Web page is scaled based on the rendering result size to fit the screen, then the screen utilization is improved, but the character visibility deteriorates
Solution Approach 1:
The patent changes the font size parameter dynamically based on screen size. When the screen size is smaller than the rendering result size, the system calculates an appropriate font size enlargement ratio and applies it to ensure characters remain visible while fitting the page to the screen.
Solution Approach 2:
The patent performs preliminary detection of screen size and calculation of the minimum font size before generating the display information. This allows the system to pre-adjust font sizes in the rendered page to ensure visibility after scaling, rather than attempting to adjust after the fact.
2Loss of information
If the font size is increased to maintain visibility on smaller screens, then the character visibility is improved, but the layout stability deteriorates
Solution Approach 1:
The patent systematically adjusts font size parameters while maintaining proportional relationships in the layout. By calculating the enlargement ratio based on screen dimensions and applying it consistently across all text elements, the layout structure remains stable while ensuring minimum visibility requirements are met.
3Area of stationary object
If the Web page is enlarged to eliminate blank areas on large screens, then the screen utilization is improved, but the character size relative to screen area deteriorates
Solution Approach 1:
The patent implements dynamic font size adjustment based on detected screen dimensions. The system calculates the appropriate font size to ensure characters occupy sufficient screen real estate, adjusting the base font size parameter according to the ratio between screen area and content area to maintain optimal readability.
Data Source
AI summary
An information processing apparatus comprises: a memory storing a program; and a processor in communication with the memory, the processor when executing the program causes the information processing apparatus to: acquire screen information for identifying a size of a screen of a communication terminal; determine, based on the screen information, a minimum font size for displaying characters included in a predetermined Web page on the screen of the communication terminal in a predetermined font size; set a font size of a character included in the predetermined Web page and smaller than the minimum font size to be larger than or equal to the minimum font size; generate display information for displaying the predetermined Web page on a screen of the communication terminal based on the set font size; and transmit the generated display information to the communication terminal.