Skip to main content
Participating Frequently
February 22, 2023
解決済み

Adding Variable Fonts to Web Project

  • February 22, 2023
  • 返信数 17.
  • 13382 ビュー

I'm having issues adding a variable font to a web project.

 

It doesn't matter which weight I select, the only one I'm able to add is "extralight" (see screenshot).

 

I'm not sure if I'm doing something wrong or if this is a bug.

 

Can anyone help with this?

    解決に役立った回答 Aneta Ivanova

    Second option is copy pasting the import code into your CSS AFTER the Typekit CSS and fixing the issue yourself by adding the full range of weights.

    返信数 17

    Participant
    December 13, 2023

    Same problem here with 'Soprani Variable' 😕😕
    Only the base style is shown, no variable font controls in Webflow

    Participant
    December 12, 2023

    Having the same issue with the font Cheee Variable.

    Any updates?

    Participant
    November 19, 2023

    I'm also having this issue. Given how long ago this thread was started and the fact that the issue remains I take it there is no fix yet? Any update on when this could happen?

    Cheers

    / Teo

    Participant
    November 9, 2023

    Jumping on the bandwagon, I've been waiting on this working for ages and stalking this discussion every few months. Can we please have an update? This is fairly disruptive for myself and my clients who want to take full advantage of Adobe Fonts and ensure consistent branding. 

     

    I love the idea of variable fonts, but I've had to start advising my clients to not use them or have a workaround in place if they want to use Webflow. 

    Participant
    November 19, 2023

    Support this!
    Same Problem here!

     

    Participant
    September 11, 2023

    I have the same issue when importing the 'Pauline Didone' Variable font into Webflow. I only get the base 'Normal' 400 weight despite it showing all the variations in the Web Project. This is very frustrating and needs to be resolved ASAP, please.

    Participant
    May 18, 2023

    Same issue. Can't get Basenji Variable to work as a variable font inside of Webflow.

    Neelamk
    Legend
    June 13, 2023

    Hi @ryanh29763649 ,

     

    Could you please start a new conversation in the community forum as it is related to web flow? It seems to be a website service. I hope the Basenji Variable font is available to use n web projects on fonts.adobe.com.

     

    Regards,

    Neelam

    Participating Frequently
    June 21, 2023

    Even though I didn't mention it in the original post (as I didn't think it's relevant at the time), this has ALWAYS been an issue with Adobe Fonts & Webflow. As it turns out for literally EVERYONE in this thread. I would have assumed this was clear by now. 🤷‍♂


    Can anyone confirm this has been fixed? I got this today from Mark at adobe - 

    This issue mentioned in your previous case was fixed Replace "Full display name" with Tk font family [+ variation name] (FDP, web workflows).
    For me, it's still not working.

    Neelamk
    Legend
    February 22, 2023

    Hi Chris,

     

    Welcome to our community forum, we are sorry for your difficulties as you are unable to Variable fonts in your web project. To help you understand more about Variable fonts and how to use them in Web Projects, we have an article link created, Please refer below:

    https://helpx.adobe.com/fonts/using/using-variable-fonts.html

     

    Please let me know if this helps you and resolves your query. We hope to hear from you soon.

     

    Regards,

    Neelam

    Craabit作成者
    Participating Frequently
    February 22, 2023

    Thanks Neelam! I actually read this before I posted. Didn't help unfortunately. 🤷‍♂

    Neelamk
    Legend
    February 22, 2023

    Hi Chris, I see there is a check box which is checked it says " Massilia Variable Extralight", could you try unchecking that box and see if that helps? Please refer to the below image:

     

    We hope to hear from you soon.

     

    Regards,

    Neelam