Open Forum

 View Only
  • 1.  Custom Fonts in Code Widget

    Posted 08-12-2025 15:58

    I'm using custom fonts on my event website. I've uploaded them to Admin >Data Lists >Custom Fonts.

    How do I use those custom fonts in a code widget on my site? Do I have to link to that font-family src URL? If so, where do I go about finding that URL now that those custom fonts are hosted on Cvent?


    #ManagingEvents

    ------------------------------
    TGC Web
    The Gospel CoalitionUnited States
    ------------------------------


  • 2.  RE: Custom Fonts in Code Widget

    Posted 08-13-2025 08:56

    There are a couple ways you could go:

    1. Use a tool such as Google Fonts or Adobe Fonts to generate the code for you.
    2. Create custom calls to your font URLs.

    1: I'm not sure about others, but both Google and Adobe can generate the code for you based on the font family you have rights to. 

    Click each copy icon next to the blocks of text and paste them into your code editor.
    • Copy and paste each font code into your code editor, and use @font-face to call each one and define the font-weights.
    Insert each font's code into the @font-face section.
    2: You can also upload each font file into Cvent's Document Library. Be sure to save each font file's URL. Here are some step-by-step tips for that, but I find method #1 works a lot easier for me. https://css-tricks.com/almanac/rules/f/font-face/


    ------------------------------
    Lauren Becker
    Senior Event Technology Coordinator
    Aflac
    ------------------------------