Skip to main content
C
Craabit
Participating Frequently
February 22, 2023
Answered

Adding Variable Fonts to Web Project

  • February 22, 2023
  • 17 replies
  • 13278 views

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?

      Correct answer 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 replies

      Show previous replies
      A
      Alexander22130986y1qx
      New Participant
      December 13, 2023

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

        O
        ogyilm
        New Participant
        December 12, 2023

        Having the same issue with the font Cheee Variable.

        Any updates?

          T
          Teodor27727996fyin
          New 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

            S
            shannontowell
            New 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. 

              S
              Stuma
              New Participant
              November 19, 2023

              Support this!
              Same Problem here!

               

                G
                glennyboy1
                New 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.

                  R
                  ryanh29763649
                  New Participant
                  May 18, 2023

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

                    BTNG
                    BTNG
                    New Participant
                    May 26, 2023

                    Same for ROC Grotesk Variable - May 26th 2023

                    Neelamk
                    Neelamk
                    Brainiac
                    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

                    C
                    CraabitAuthor
                    Participating Frequently
                    February 22, 2023

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

                    Neelamk
                    Neelamk
                    Brainiac
                    February 24, 2023

                    I've tried this with several fonts btw – I run into the same issue with all of them. 🤷‍♂

                    Any idea?


                    Hi Chris,

                     

                    Yes, unfortunately, the problem is affecting several of the variable fonts and family detail pages right now.  The default style name is being shown in the web project workflow instead of the font family name. It’s only an issue in how the name is displayed, though.  The web project that you are creating has the full variable font file in it, and you will be able to apply any of the preset styles and/or custom axes values in their website CSS. We are sorry for the confusion and are working on updating it.

                     

                    Regards,

                    Neelam

                     

                      Terms & ConditionsAccessibility statement
                      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices