Automattic / Automattic/custom-fonts-typekit

Typekit fonts making paragraph text bold

Open
#91 0 comments 1 reaction 0 assignees View on GitHub
bug
Dominant language
PHP
Stars
3
Forks
2
PR merge metrics
No merged PRs in 30d

Description

Using Typekit fonts on AT Sites causes the paragraph text on the site to change weight when the font-weight of headings are changed.

**Things I've noticed:**

1. The issue is affected only on AT Sites
2. The issue is only with Typekit Fonts. Google fonts work properly
3. If different fonts are used for Headings and Paragraphs the issue doesn't appear
4. Customizer Preview looks normal, but the appearance on site is different.

**Steps to reproduce:**

1. Open any AT Site and change the font via Customizer
2. Select any Typekit font for both Headings & Paragraph and set the Heading font-size above regular.
3. Check Customizer preview to see that the changes are working as expected.
4. Open the site to see the font-weight for paragraphs are different.

**Attaching screenshots for reference:**

Customizer Preview
customizer - preview

Original Result
original result

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue on an AT Site with the same Typekit font selected for headings and paragraphs, then compare the Customizer preview with the live site. Confirm the behavior against Google fonts and separate heading and paragraph fonts; the fix is complete when the live paragraph weight matches the preview without regressing those comparison cases.

Written by the indexing model from the issue text.

Assessment

Tech stack
php, wordpress
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.