Hello everyone,
We have just started utilizing landing pages in Account Engagement and are struggling with a couple of things. Firstly, is it possible to import custom fonts into Account Engagement to use in landing pages, forms, etc.? Secondly, we are struggling with the landing page not adjusting to screen sizes (desktop, tablet, phone). When we set margins on say the desktop, the phone version is not adjusting. Is this normal or is there a workaround we can do?
Thank you!
Hi Blaire (we crossed paths on your dynamic-list question!) both of these come down to how Account Engagement landing pages are built. There are two paths: classic Layout Templates (HTML/CSS you control) and the newer drag-and-drop Landing Page Builder. The Layout Template route gives full control, the drag-drop builder is easier but more limited on both fonts and responsiveness.
1. Custom fonts:
Yes, but through a Layout Template, not the drag-drop builder. Edit the template's HTML and in the head either link/import your web font (a Google Fonts link tag, or a font-face rule pointing at a hosted font file), then reference it in the template CSS via font-family. Forms follow the same idea through the form's Layout Template. The drag-drop Landing Page Builder only offers its built-in font list, so for a true custom font you want the Layout Template approach.
2. Responsiveness / margins not adjusting on phone:
That is expected if the template uses fixed pixel margins, a px margin set for desktop will not shrink on mobile by itself. Landing page responsiveness lives in the Layout Template's CSS, so:
- Use CSS media queries in the template to set different margins/padding at mobile and tablet breakpoints, and/or use relative units (percent, rem, max-width) instead of fixed px so things flex.
- If you are in the drag-drop builder, check its device preview and any per-device spacing settings, but for real control over each breakpoint, edit the Layout Template CSS.
Net: for custom fonts and true responsive control, build on a Layout Template (or have your web person tweak the template CSS with a font-face rule plus media queries). The drag-drop builder is fine for quick pages but caps you on exactly these two things.
If this helps, please mark it as the Best Answer so it helps the next person. Thanks :)
