Grow your CSS skills. Land your dream job.

What headline font with Proxima Nova for body?

  • # December 29, 2012 at 8:19 pm

    Hi guys

    This is a question for the font nerds.

    I am designing a site for a fashion/art brand. The site will be clean and white with splashes of colour in the form of links, buttons, images, etc. The brand is sharp and sophisticated, yet fun with personality (hence the colour).

    I am now thinking about fonts. I have decided to go with Proxima Nova Regular for the body text, as this is a sophisticated font but not too serious (being a Humanist font), and beautifully designed.

    Now what Headline font what you use to compliment this, taking into account the brand guidelines?

    Or would you stick with the same Proxima Nova family for headline as well? Perhaps Extrabold?

    Any advice welcome.

    # December 29, 2012 at 8:54 pm

    I used Kulturista Web for my body copy but it depends on your design. I think Proxima Nova is a wonderfully designed typeface but it tends to remind me of old signage. I’m not sure I would use it for body copy. I’ve contacted Mark Simonson a while ago about a few issues it has at small sizes (Windows only).

    Can you sign up for http://typecast.com and show us some examples of what you were thinking?

    Here are a few choices that I would test out if it were my project.

    Miller Headline

    Moderno FB

    Benton Modern Display

    Escrow

    And this is how I might style the headline: http://typecast.com/chrisburton/share/cbdc115852002fb2545ca9e6e239be9636ecfaadX7Nk7BtN

    To be perfectly honest, this forum is targeted towards developers. You’re better off getting advice from those who specialize in this area. We can be found over at http://typophile.com.

    # December 30, 2012 at 9:07 am

    @chrisburton yes thanks for reminding me about typecast. I actually have an account but had forgotten all about it lol. That is going to keep me occupied now for the next hour or so…

    Those fonts you have recommended are really nice, have some amazing qualities but for this website in particular I am looking to stick with sans-serifs, however I have noted down those fonts.

    I will have a play on typecast and update you with what I went for.

    P.S. Didn’t know about typophile so will check that out ;)

    # December 30, 2012 at 10:13 am

    Sans-serif for both the heading and copy?

    Let me know which webfont distributor you’re using as well.

    # December 30, 2012 at 10:28 am

    Yeh thats right, sans for both body and heading.

    I’m going to be using @font-face

    # December 30, 2012 at 10:39 am

    How do you expect to use @font-face with Proxima Nova?

    The choices I gave you from Webtype will be expensive (but worth it) if you choose to do a custom-order for @font-face. I just finished up a custom-order with them for the Harriet Series to self-host them. The CSS that comes with it is encoded so no one can steal the files. The reason I did this was because I wanted to own the webfonts, not rent them. The only distributors that allow self-hosting for Proxima Nova is MyFonts, Fontspring and FontShop.

    # December 30, 2012 at 11:32 am

    I have the font, so will convert into the formats using a service like font-squirel.

    Is this not possible?

    # December 30, 2012 at 11:45 am

    @croydon86 Can I see the EULA (license) you received?

    # December 30, 2012 at 11:57 am

    Sorry? You mean to double check if I have legally purchased this font?

    # December 30, 2012 at 12:01 pm

    So I can show you specifically where it states how you can use it. Whether you purchased it legally or illegally is on you. It is your responsibility to check the EULA.

    Note: I updated some previous info above.

    # December 30, 2012 at 12:11 pm

    ahh right, I get you, sorry read that question another way.

    This font was purchased through work, so will have to check that to see what it says, but we have used it on other sites previously via @font-face so shouldn’t be a problem.

    # December 30, 2012 at 12:34 pm

    If your company converted it via Font-Squirrel, it is a problem. Hope they’re using one of the webfont distributors I mentioned above and abiding by the EULA.

    # December 31, 2012 at 11:36 am

    Using @font is a completely different license from just purchasing the font itself. IF I recall proxima nova is _expensive_, so be careful!

    Can always hit Google’s free web fonts. You can type in your headers,sentences, or paragraphs and do side-by-side comparisons if you’re looking for free web fonts: http://www.google.com/webfonts

    # December 31, 2012 at 11:42 am

    @downpour046 Why would you recommend using Google’s web fonts?

    # December 31, 2012 at 2:58 pm

    You get what you pay for. Google’s font service is free and I’d recommend against it purely for the lack of quality.

    Typekit is uber cheap compared to it’s value – there are alternatives available, but for me Typekit cuts the mustard. Plus it helps you choose and pick out compatible fonts.

Viewing 15 posts - 1 through 15 (of 17 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".