"Unified" font use based on Stag

moscool's picture

Hello

We are currently using a mix of Stag, Stag Sans for our materials (large type brochures, letters and Keynote presentations), as well as 'whatever is at hand' for emails and web (e.g. MS Trebuchet)

The recent availability of Stag as a 'direct' web font has opened the opportunity to unify our communications as well as look & feel. We would like, in particular to unify letters, web and email using the same font set.

I have tested Stag (headlines) + Stag Sans (body) for web and it looks quite good. However Stag Sans is still not ideal for everyday body text: punctuation a bit too tight and doesn't do numbers particularly well (e.g. for invoicing).

We are going to keep the Stag family as our headline font (and license it for the web) but I would like some ideas on what other body font we could use. The constraints are fairly basic:

- High legibility for both print and screen
- Native web fonts
- Either directly suitable for email or can easily be replaced by something not too shockingly different

I had a look at FF Meta Serif for example and quite liked it, but it doesn't seem to exist as a native web font.

PS: I am not worked up about serif v. sans.

Thanks!

thetypographist's picture

Hey there,

you tested Stag for use in web? How? Did you used the ‘normal’ opentype version for it? This font might be not hinted properly so it looks too tight in web use.

Contact Commercialtype, their font technician, named Mark, is friendly and helpful. I’m pretty sure he can provide you with a test site with Stag Sans in use.

Regards,
Florian

moscool's picture

Thanks Florian

Commercial type actually have a display page here:

https://commercialtype.com/typefaces/stag/stag/book/web

I'll contact them though as I'm not sure which weights I want to use. do you have a contact for Mark (you can drop me a note at fmosco AT me DOT com

Frode Bo Helland's picture

There is no way to correct tight spacing with hinting on modern Windows systems. The fonts needs to be drawn wider and spaced looser prior to hinting*. Check out the Reading Edge series from Webtype, Aften Screen (mine) from Monokrom or the eText fonts from Monotype for examples of this approach.

FF Meta Serif is available for web use on fontshop.com. Click add, and select the web option. FF Meta Serif Web Pro is also one of the teaser families FontFont offer through Typekit.

* Low resolutions screens need looser spacing for text sizes than what is ideal for print. I think text on the Apple Retina screen also look better with some extra white.

thetypographist's picture

@moscool, just drop them a line on their official email address. They will help you. Don’t noticed this webfont example before. Stag is indeed pretty tight spaced.

@Frode Bo Helland, sure, hinting and spacing are two different parts. But webfonts are in general (in the best case) a little bit spaced and properly hinted.

Frode Bo Helland's picture

@thetypographist, x-directions hints are not used in neither Cleartype GDI nor DirectWrite.

moscool's picture

@thetypographist : thanks. Commercial kindly sent out trial fonts along with supporting fonts.css file

@Frode Bo Helland : Really wasn't obvious from the fontshop.com site... Thanks for the tip. Will test with Typekit.

Syndicate content Syndicate content