Selective Web Page Font Zooming to Prevent Text Overlap

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current mobile browser technologies either zoom entire web page fonts, leading to text overlap with background pictures, or do not zoom at all, causing inconvenience for users browsing web pages on small mobile terminal screens.

Innovation Solution

A method, device, and system that classify text in web page files into zoomable and unzoomable groups, allowing only the zoomable text to be scaled during a zoom operation, preventing text overlap and maintaining reasonable web page typesetting.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If all text in the web page is zoomed during a zoom operation, then the user can see more content on the mobile terminal screen, but text overlaps with background pictures and other text elements occur

Engineering Contradiction:
Improvebrowsing convenienceVSAvoidlayout precision
Core Design Contradiction:
Ease of operationVSManufacturing precision

Solution Approach 1:

The patent segments text elements into different categories (zoomable text and non-zoomable text) based on their layout properties and importance. This segmentation allows selective zooming where only certain text elements are scaled while others remain fixed, preventing overlap and maintaining layout precision for critical elements while still providing zoom functionality for readable content.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent applies different zooming qualities to different regions of the web page. Important structural text (headings, navigation) maintains fixed positioning and size, while body text content allows zooming. This local differentiation resolves the contradiction by preserving layout precision where needed while enabling browsing convenience where appropriate.

Inventive Principle:
Principle #3Local quality

2Manufacturing precision

If no text is zoomed during a zoom operation, then the web page layout and text positioning remain precise, but the user experiences inconvenience when browsing on small mobile terminal screens

Engineering Contradiction:
Improvelayout precisionVSAvoidbrowsing convenience
Core Design Contradiction:
Manufacturing precisionVSEase of operation

Solution Approach 1:

By segmenting text into zoomable and non-zoomable categories, the patent enables partial zooming that improves browsing convenience for body text while maintaining layout precision for structural elements. This resolves the contradiction by providing zoom functionality without completely sacrificing layout integrity.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent applies partial zooming action only to specific text elements rather than all text or none. This partial action provides enough zoom functionality to improve browsing convenience on small screens while avoiding the excessive action of zooming everything, which would破坏 layout precision.

Inventive Principle:
Principle #16Partial or excessive action

3Ease of operation

If the browser zooms the entire web page including all text elements, then the user can read content more easily on mobile devices, but text overlaps with background pictures causing visual distortion

Engineering Contradiction:
ImprovereadabilityVSAvoidtext overlap
Core Design Contradiction:
Ease of operationVSObject-affected harmful factors

Solution Approach 1:

The patent segments text elements based on their relationship with background pictures and layout constraints. Text elements that may overlap with background pictures are classified as non-zoomable, while safe text elements are classified as zoomable. This segmentation eliminates the harmful overlap effect while preserving readability improvement for appropriate text.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent applies preliminary anti-action by pre-identifying text elements that would cause overlap with background pictures and preventing their zooming. This anticipatory measure stops the harmful effect before it occurs, allowing zooming of other text elements to maintain readability without introducing overlap distortion.

Inventive Principle:
Principle #9Preliminary anti-action

Data Source

PatentUS9916287B2Method, device and system for zooming font in web page file, and storage medium
Publication Date: 2018.03.13 TENCENT TECHNOLOGY (SHENZHEN) CO LTD
  • US9916287B2 patent drawing
  • US9916287B2 patent drawing
  • US9916287B2 patent drawing

AI summary

Disclosed is a method, a device and a system for zooming a font in a web page file, and the method includes: receiving a web page file; parsing and recognizing the web page file, to classify text contained in the web page file into a first group of zoomable text and a second group of unzoomable text; detecting a zoom operation performed on the web page file displayed at a mobile terminal; and upon the detection of the zoom operation, zooming the first group of text in the web page file except for the second group of text in the web page file. With the method, the problem that the text in a web page file are overlapped due to zooming is avoided, and the typesetting of the web page may be reasonable, without degrading the experience of the user in browsing the web page.