Sites We Like: Photoshop Etiquette & Vietnamese Typography

Today we’d like to highlight some advanced web typography we noticed on a couple sites, which demonstrate OpenType features and character subsetting in use. Good design and type selection, of course, helped as well.

Photoshop Etiquette website

Photoshop Etiquette features Bookmania and a few of its awesome swashes. The fun swash capitals really bring out the best of the typeface when used in the right amount, which we think Photoshop Etiquette accomplishes here. Futura PT is a great choice for a pairing, demonstrating simplicity in contrast with Bookmania’s slightly funky personality.

Want to play with swash alternates on your own site? We walk through the CSS syntax over here.

Vietnamese Typography website

Donny Truong’s site gets deep into the history and current implementations of Vietnamese typography, and is itself a great example of our character subsets in use. It’s also a great design. Body text is set in Garamond Premier Pro, and the headings and navigation are set in Acumin. (The display heading is Acumin Extra Condensed.)

Character subsetting can help you display characters from a range of different scripts without weighing your site down. See our introduction to character subsets here on the blog, or review our Help documentation.

That’s it for this week; share sites you like in the comments!

Sally Kerrigan

Content Editor at Typekit. Usually knows the way to the nearest public library. Lives in San Francisco in real life, @draftwerk in Twitter life.

New fonts on Typekit from BAT Foundry

Ariadne Remoundakis · June 7, 2016 · Fonts on Typekit

Emigre adds fonts to Typekit, plus an interview with Zuzana Licko

Sally Kerrigan · June 23, 2016 · Fonts on Typekit