commit 78d5f5aae68f91a7329967816f1099d38c6c8741
parent 695f00f3b71c195e08c8b7e0f240db280efbb1f4
Author: Chloe Zhou <chloezhouny@gmail.com>
Date: Wed, 26 Nov 2025 16:43:37 +0000
Bug 2001789 - Fix font sizing in link preview card using system fonts r=ai-frontend-reviewers,mlucks
The link preview card was using relative font sizes (1.2em and 1.4rem) that
compounded with OS settings, resulting in oversized text. This change adopts
Firefox's standard pattern of using system fonts with explicit size overrides.This matches the pattern used throughout Firefox's chrome UI and ensures both
platform integration and precise sizing per design specifications.
Differential Revision: https://phabricator.services.mozilla.com/D273891
Diffstat:
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/browser/components/genai/content/link-preview-card.css b/browser/components/genai/content/link-preview-card.css
@@ -5,9 +5,10 @@
*/
.og-card {
- --og-main-font-size: 1.4rem;
+ font: menu;
+ --og-main-font-size: 15px;
background-color: light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05));
- font-size: 1.2em;
+ font-size: 13px;
}
.og-card-img {