Skip to content

Conversation

@colton-demetriou
Copy link
Contributor

@colton-demetriou colton-demetriou commented Oct 1, 2025

Screenshot 2025-10-01 at 1 59 29 PM Confirmed that fonts now load correctly in both the Theme and Layout Editor and match the live page.

The problem was that the live page used applyTheme but the editor was only using updateThemeInEditor, so when the font was changed in the editor, the new styles were applied but the actual font files weren't loaded, leading to the editor falling back to defaults. The fix was essentially to just use the applyTheme logic in the editor as well.

Test Site: https://www.yext.com/s/4259018/yextsites/160744/theme#themeId=font-test-2&pageSetId=font-test-2&locale=en&entityId=1095527849

@colton-demetriou colton-demetriou added the create-dev-release Triggers dev release workflow label Oct 1, 2025
@pkg-pr-new
Copy link

pkg-pr-new bot commented Oct 1, 2025

pages-visual-editor-starter

npm i https://pkg.pr.new/yext/visual-editor/@yext/visual-editor@793

commit: c34994b

@colton-demetriou colton-demetriou marked this pull request as ready for review October 1, 2025 18:02
@colton-demetriou colton-demetriou merged commit 2eeb0f0 into main Oct 1, 2025
14 checks passed
@colton-demetriou colton-demetriou deleted the fix-fonts branch October 1, 2025 18:39
fontLinkTags: string
) => {
const existingLinks = document.querySelectorAll(
'link[href*="fonts.googleapis.com"]'
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What happens when the custom fonts project happens? This won't be the hosted url.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

create-dev-release Triggers dev release workflow

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants