You are viewing limited content. For full access, please sign in.

Question

Question

Custom Fonts on Layout Designer

asked 23 hours ago

Forms Version 12.0.2509.20409

Our Marketing Manager would like me to start using specific custom fonts on public-facing forms.  They are available on Google Fonts, and I've tried really hard to get the fonts working via custom CSS, but I just haven't had any luck making it work.

Does anyone have any experience using custom fonts in the Layout Designer (hopefully in an easily to replicate manner)?

Thank you!

0 0

Answer

SELECTED ANSWER
replied 4 hours ago
CSS
/* Import Bonbon Font */
@import url('https://fonts.googleapis.com/css2?family=Bonbon:wght@400;700&display=swap');

/* Apply the custom font and Laserfiche orange color */
.custom-font {
    font-family: 'Bonbon', cursive !important;
    color: #FF6F00; /* Laserfiche Orange */
}

HTML

<div class="custom-font">
    <h1 style="text-align: center;"><span style="font-size: 36px;">Welcome to Laserfiche Forms</span></h1><span style="font-size: 36px;">
    </span><p style="text-align: center;"><span style="font-size: 36px;">This is an example of using a custom font in your form.</span></p>
</div>

 

Advent Calendar 2024 my friend.  This is an example, just switch out the font you want use. 

0 0
replied 13 minutes ago

I have no idea why it kept failing when I used the @import url() CSS, but is working with your example, but I'm incredibly grateful.

Thank you @████████!

0 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.