Using Adobe Fonts in Wix

[sophiaulbrich]

Hi!

I have the same problem as the person in this closed forum article:
https://www.wix.com/velo/forum/coding-with-velo/using-uploading-custom-fonts-from-adobe

I want to integrate Adobe Fonts to use for my clients Wix Premium website. I followed all the steps described in the post:

I used the link generated by Adobe Fonts and put it here:
Wix Dashboard > Settings > Custom Code > Head > and activated it.

I published my website and connected it to a Domain as requested.
But in the Editor I can’t select the fonts, they don’t show in the Fonts Menu …

In the old forum post there was a person named “design” and for them it apparently worked, but their profile is no longer available.

Does anyone know how I get my Adobe Fonts to work?? Maybe put it in the code directly in the Dev Modus in the Editor, but I don’t know where to find it?

Help would be very appreciated! Thank you!

[jasminevn]

It’s not working yet to have the fonts from the adobe typekit in the editor . You have to change everything with custom code . I’m at the same point at the moment as you and waiting for this feature to come soon.

You can vote for this feature here: https://support.wix.com/en/article/wix-editor-request-integrating-the-adobe-typekit-into-the-wix-editor

[vslebi]

Hi, I appreciate this post! Thanks! I wanted to ask if someone knows how to download the font from Adobe fonts since I see in Wix there is a section to upload. Thank you!

[livdreamsart]

Someone could make a plug in and make a lot of money!!

[simen]

What would you want the plug-in to be? Specifically importing adobe fonts?

[livdreamsart]

well as far as I can tell there is no way to download adobe fonts… so I am not sure

[contact73391]

There is a way to download Adobe Fonts to your computer so you can use it on Wix: https://www.youtube.com/watch?v=WNN72Er8iFE

Enjoy!

[alekserg37]

Thanks for the video! May be you can help with some guidance as: how to download a custom designed fonts and use them on Wix?

[nazi-farhadi3171]

I hope you will post more like that in the future

[josev]

Hello, what version of Wix editor are you using? “Adobe Fonts” app is not in the Wix Market App.

[William_Chouffot]

Just want to add a point of caution to [vslebi] and others. If you download fonts from adobeFonts and then upload to your wix site they will not be covered by your adobe subscrition and you may find yourself in being persued by the font owners for payment.

[user1670]

Wanted to see if anyone has found a solution to this? looks like none of these suggestions are working yet.

[user1995]

Seriously still not an option! Voting for an option seems like a joke. The same with sub/superscript. I would like to be able to use these today, not years from know.

[Shlomo_Zaks]

I’ve been voting for this feature for years, I was just pursued by a font owner because I didn’t have a web license

[Chelsea_Apostol]

thats unfortunate… how is it not a feature yet?? I was really looking forward to using my wix template :') now im going to have to use squarespace

[pamela]

@jaosh_wiixrocket shared a solution and workaround in this topic that explains how to add and use Adobe Fonts in both the Wix and Wix Studio editors.

In the meantime, we do have feature requests available for both editors here:

• Wix Editor
• Wix Studio

[Isaac_Jacobson]

realistically; how long before this becomes a feature? My impression is that LOTS of people are asking for this in forums, reddit, youtube, etc –
Why doesn’t the quantity of votes display on the roadmap?

[jaosh_wiixrocket]

Adobe fonts can be used by adding it to a web project in abode and then importing it through some code and mainly CSS.

If you are using classic editor, add this in the custom code and in the head section

<link rel="stylesheet" href="https://use.typekit.net/xxxxx.css">
<style>

h1, h2, h3, h4,h5,h6, p, span, li {
  font-family: "new-rubrik-edge", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

</style>

If you are using studio, head into the global css section and then add the code as below

@import url(“https://use.typekit.net/xxxx.css”)

.richtext__text {
font-family: "new-rubrik-edge", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important
}

• replace xxxx with your webproject id.
• you would have to replace the type of font that you put in your web project. example is just of rubrik font
• for classic editor, the changes cannot be applied to individual elements although it could be tried. It is a bit more restrictive and a lot more could be required.
• in studio, changes can be applied to individual elements using custom classes

Have fun!

[Charley_Vision]

jaosh_wiixrocket thanks for sharing!
I followed your steps, in the classic editor with the korolev adobe font. However, I do not see the font appearing in the list. Any idea?

[jaosh_wiixrocket]

This is CSS based. So you won’t see the fonts within the editor. It will be reflected in the header tags you define. This is so that adobe doesn’t find you guilty of hosting it locally.