jamoooretjamoooret
jamoooret
Oct 21, 2025

Q: Can I use a Midjourney image as full-screen bg in Markupgo and overlay with my own Mojomox fonts?

Hi,
I have a hero image I generated in Midjourney and I’ve purchased a couple of Mojomox fonts (they’re not on Google Fonts).

I’d like to use Markupgo to:
1. Set the Midjourney file as a full-screen background, and
2. Overlay text in my Mojomox fonts.

Is there a simple way to upload both the image and the custom font files inside Markupgo’s editor, or do I need to inject CSS manually? If so, how?

Any step-by-step pointers would be awesome—thanks!

Founder Team
togedir

togedir

Oct 22, 2025

A: Hi jamooret 👋

Yes—you can do both:
1. Full-screen Midjourney background
• Host the image on your own storage (public URL).
• In the template editor, use the Style tab to set it as a full-bleed background (e.g., background-image, background-size: cover, background-position: center).
• Optionally pass the image URL as a template variable so you can swap it per render.
2. Mojomox custom fonts
• Host the font files you licensed (prefer .woff2/.woff) on your own storage.
• In the Style tab, add an @font-face rule pointing to those URLs, then set font-family on your text elements.
• This keeps everything self-contained and license-compliant.

Overlaying text
• Add your headline/subhead elements on top of the background, position with CSS (flex/absolute), and apply your Mojomox font-family.
• For crisp output, pick an explicit canvas size (e.g., 1920×1080 for images or A4/Letter for PDFs).

Generation flow
• Send bgUrl and your text as data (or use a Magic Template URL).
• Generate the image/PDF, then download and host it yourself.

Share
Helpful?
Log in to join the conversation