Hey! Free yourself to discover the 'magic' trick that will propel your business on the Web

Tips to add a typography on Webflow?

Web Design,Freelance,Business
add a typography on Webflow
Photo by David Clode on Unsplash

You think that none of the basic typefaces on Webflow are suitable for your project? In that case, you will have to import new ones. But is it possible? Yes, I reassure you, it is possible. But how? I reveal you some tips to add a typography on Webflow.

If you are one of those who come to my site for the first time, you should know that you can have a Webflow account for free. You can manage two projects right away. Your functionalities will obviously be limited, but you can already create a beautiful project. You can even change the typography of your site.

add a typography on Webflow
Photo by David Clode on Unsplash

How to change the typography of your site?

Changing the typography of a webflow site is done in just a few clicks! To do so, you just have to click on the brush icon at the top right of your screen. From there, you can change the typography of the site to your liking. But as I told you at the beginning, you may not like any of the fonts. That's when you have to import new ones.

How to add a typography on Webflow?

To change this option, you have to go to your account dashboard. Again, there are 3 ways to add a typography on Webflow:

  • choose typographies from Google Fonts
  • select typefaces from Adobe Fonts
  • import typographies downloaded from the internet

There is a YouTube video in which I describe this at the bottom of the article. Support me by subscribing to the YouTube channel "Happy Desk Design".

add a typography on Webflow
Photo by Clara Cordero on Unsplash

For the first case, you make it very easy for yourself! No need to download fonts from Google Fonts to add a typography on Webflow. Indeed, a Google API is installed on Webflow. But even more, it updates itself automatically and regularly. No risk to miss the latest trends!

Now let's talk about Adobe Fonts. Webflow also has an API for this platform. This means that all the fonts you have in your Adobe account are directly available on Webflow.

Finally, the third option concerns custom fonts or those that can be downloaded from the internet. In this case, it is enough to import directly the concerned typefaces. First, you should download them as a ZIP file. Then you have to unzip it. Then you click on the import button, and there you can select several typefaces. They are immediately usable.

add a typography on Webflow
Photo by Pedro Lastra on Unsplash

I'll give you one more tip

Do you know Font Awesome? It's a library of free and paid icons (but in my opinion, you can really do without the paid account; you have everything you need with the free one).

If you want to add icons to your website without importing csv images, you just have to use Font Awesome (knowing that images will make your website heavier). And yet, you will still be able to modify the icon format, its style, its thickness, its size, its color...

So how do you use it? Use the search bar to look for the icon you want. Let's take an example: you want an arrow? In that case, write this name in the search bar (in English, because the site is in English). As I mentioned earlier, you don't need to download it as an svg. Copy the icon, and then paste it somewhere on your site (where it should be).

At first, it will appear as a square. Don't worry, this is perfectly normal. Now select this icon, and choose the typography you want (the one you just imported, for example). Your icon will then appear in its true form. Finally, like all fonts, you will be able to change its color, size, etc.

add a typography on Webflow
Photo by Poseidon X on Unsplash

The design of a website depends on several things: colors, structure ... But the choice of typography is not left out. This element can even make all the difference! Hence the importance of choosing it well. Fortunately for you, you can now add a typography on Webflow (any one).

You never miss any of my articles (and videos), but you haven't decided yet to subscribe to Webflow? Maybe it's time, don't you think ;)

YouTube: How to add a typography on Webflow?

Come back to this page whenever you want. Did you find any ideas that I forgot? If so, what are they? Leave a comment below or send an email to hello@happydesk.be
Kevin Palombo, Manager of Happydesk
Make the counter explode to reach 1M subscribers together (Pssst...it's in real time)
Together it's more fun

1 Million with you.

It's really amazing how our YouTube community can be a true source of inspiration for all of us. So if you're looking for a community that will give you a boost to reach your personal and business goals, you've come to the right place!
Certified 100%
ULTRA enriching and hair-raising!
Receive a mountain of gifts


We all keep our childish soul, so we like to receive lots of gifts, a montaaaagne of gifts, a galaxiiiiiie of gifts, a.... YOUHOU, are you still with us? Since you also love gifts, receive in your mailbox energy, strategies and tools (each one more grandiose than the other) that will generate results in your business.


Clearsome time for Thursday because an intergalactic surprise awaits you.
Propel your life & your business in 30 days!


The only one, the only one, the real one where all ideas can germinate, develop and succeed. Each phase of business development is thought out down to the smallest detail (even the smallest) to accompany you in your project.

Foundations, development, support, mutual aid, coaching, website, web tools and even cookies. Joining the Happy.webacademy is to be part of this ecosystem without risk, just jump in and let yourself be guided.
AI enabled to accelerate your transformation 🤖
12 Up-to-date modules
We give you crazy training with action plans, regular updates, access for life, and 24/7 support, 365 days a year. Everything you need (and more) to make your life, your business and your skills shine.
Your thruster
We make sure that you are always on top of your questions and that you can grow with a community that has the same dreams as you, and that you can meet super inspiring people.
Never again alone
Your Website!
Who better than Web experts to create a turnkey Website and sell your offers quickly without having to break your head with the technique. No more sleepless nights tearing your hair out, we've got you covered to accelerate your online growth!
We will create you
an Asteroid
12 months Free
We answer all your business, mindset and nugget questions. It's also the best way to get your daily dose of motivation, anything is possible!
Don't forget to bring
Strategy 3.0
The Web and e-commerce are evolving at an incredible speed, and if you don't keep up, you'll lose money. That's why we're going to share with you all our latest tips, discoveries and innovations (automation, artificial intelligence,...) so that you and your business stay on top!
2 Business Coaches
Kevin & Sophie, 2 coaches in the field for 10 years who will be there to motivate you, boost your mindset, and much more! Throughout your entrepreneurial adventure on the Web & in e-commerce, we will support you to validate opportunities or help you optimize your performance. You will NEVER be alone again!
Continuous monitoring
It's sometimes hard to take a step back from your work when you're just starting out (even after), which is why we'll always be there to review your work privately BEFORE you spend any money on advertising or influencers.
Creating a profitable business requires financial optimization. That's why we'll give you the tips we use so you can learn how to invest the money you'll earn in the long run to create wealth.