Layout and font spacing issue in Firefox
I’m seeing a layout and font spacing issue in Firefox that doesn’t appear in Chrome or Edge. The page loads, but some elements shift after render and text spacing looks off.
I’ve tested in a private window, disabled extensions, and cleared cache, so it doesn’t seem profile-related. Any suggestions on what Firefox settings or DevTools checks might help?
Page where the issue is reproducible: dbrosmenu.com Thanks.
I’m seeing a layout and font spacing issue in Firefox that doesn’t appear in Chrome or Edge. The page loads, but some elements shift after render and text spacing looks off.
I’ve tested in a private window, disabled extensions, and cleared cache, so it doesn’t seem profile-related. Any suggestions on what Firefox settings or DevTools checks might help?
Page where the issue is reproducible: [https://dbrosmenu.com/ dbrosmenu.com]
Thanks.
所有回覆 (1)
It's not a profile issue, its like a Firefox-specific rendering quirk. Check this things:
- Bulleted list itemIn Firefox DevTools, toggle Responsive Design Mode and watch if the layout shift happens after fonts load, that often points to font-display or a late-loading webfont.
- Bulleted list itemCompare computed styles for the affected text vs Chrome / Microsoft Edge, especially line-height, letter-spacing, and font-feature-settings (Firefox is stricter here).
- Bulleted list itemCheck for transform or vh usage on containers. Firefox can reflow differently after initial paint.
- Bulleted list itemIf you’re using custom fonts, try temporarily forcing a system font in DevTools to confirm whether the spacing issue is font-related.