Streaming live at 10am (PST)

Font used on Webflow website?


#1

Is the font used on Webflow's website available for us to use or is it "custom"?

Thanks,
Alex


#2

Looks like the headers are a font called circular and the body is Avenir Next. I found this out using http://fount.artequalswork.com


#3

I'm guessing they were added right? Don't think they're Google fonts.. @DFink


#4

They are not google fonts, no.

Otherwise I recommend checking out http://losttype.com/browse/ for some good fonts. They can be turned into webfonts using http://www.fontsquirrel.com/tools/webfont-generator Make sure you upload the 4 types listed in your dashboard.


#5

@DFink Could you point me to an explanation on how to upload fonts?


#6

Here you go http://help.webflow.com/faq/how-to-add-google-fonts-to-a-webflow-site

And if you are new to Webflow I strongly suggest you take a few hours and watch all of the tutorial videos at http://tutorials.webflow.com It will save you a lot of headaches while learning how to use Webflow.

Good Luck!


#7

Quick one just to build on what @DFink said, the font used for headings (Circular) can be bought here http://lineto.com/ but it costs a bloody fortune! It's one of my favourite fonts around atm, but I can never use it because it is so damn expensive.

Avenir (as @DFink said, used for body) is pretty similar and you can find that for free on the web. I also stumbled across this http://www.myfonts.com/fonts/intelligent-foundry/averta-standard/ which is similar to Circular and maybe has a little more character than Avenir. And its relatively cheap to buy.

p.s. @DFink those links will be very very useful, thanks for sharing!!

Ta,
Jamie


#8

@DFink Thanks but how do upload or set a font that is not in Google Fonts? Such as a font from losttype.com?

Thanks!


#9

This topic was automatically closed after 60 days. New replies are no longer allowed.