Category Archives: 4 Styles

PT Serif

pt_serif

View the web font spec­i­men sheet.

A serif font designed by Alexan­dra Korolkova, Olga Umpel­eva, and Vladimir Yefi­mov and released by ParaType in 2010.

PT Serif is pri­mar­ily a Tran­si­tional font; it feels more “ide­al­ized” than “writ­ten.” It has more con­trast between thick and thin strokes than you’ll see in an Old Style font, and it has a ver­ti­cal stress. Ter­mi­nals and ser­ifs feel more styl­ized than pen-formed.

PT Serif has a slightly larger x-height than Geor­gia, and holds up well at smaller sizes. It also pairs beau­ti­fully with its com­pan­ion font, PT Sans.

PT Serif holds up beau­ti­fully across browsers. It has the usual four styles and weights, and is avail­able via Google Web­fonts, Type­kit, and FontSquir­rel.

Filed under 4 Styles, FontSquirrel, Google Fonts, Transitional (Serif), TypeKit |

Tisa Web Pro

tisa_web_pro

View the web font spec­i­men sheet.

A serif font designed by Mitja Miklavčič and pub­lished by font­font.

I cat­e­go­rize Tisa Web Pro as an “Other Serif” font, because it does not fall neatly into any of the gen­eral his­toric cat­e­gories com­monly used to describe serif type. Accord­ing to Miklavčič, the intent was to “develop a softer, more dynamic ver­sion of a nineteenth-century slab serif wood type.”

Tisa’s almost-slab ser­ifs are slightly tapered, its aper­ture is open and human­ist, its bowls have an implied stress, its x-height is gen­er­ous. The font grace­fully mixes-and-matches var­i­ous his­toric approaches to font design, result­ing in a slightly “square” or “struc­tured” feel­ing font with human­ist qual­i­ties.  The bold is accept­able, but slightly too heavy for my per­sonal preference.

Tisa Web Pro works well cross browser. 4 styles are avail­able via type­kit. The full fam­ily (10 styles, includ­ing a medium weight which is slightly lighter than the bold) is avail­able for licens­ing via fontshop.

Filed under "Other Serif", 10 Styles, 4 Styles, Other Source, TypeKit |

Meta Serif Web Pro

meta_serif_web

View the web font spec­i­men sheet.

A serif font designed by Erik Spiek­er­mann, Chris­t­ian Schwartz, and Kris Sow­ersby. Pub­lished by FontShop.

Meta Serif (for print) was orig­i­nally designed as a com­pan­ion font to Meta. Meta Serif Web Pro is not merely a print font repack­aged for web use—it has been care­fully hinted and looks great on screen.

I clas­sify Meta Serif Web Pro has an “Other Serif” font, because it does not fall neatly into any of the gen­eral his­toric cat­e­gories com­monly used to describe serif type. Ser­ifs look more pen-formed, while ter­mi­nals on the a and f look more drawn. The con­trast between thicks and thins is mod­er­ate, and feels more old-style, but the stress is decid­edly ver­ti­cal and feels tran­si­tional. All of these ele­ments meld grace­fully together to cre­ate a serif font with a slightly “square” or “struc­tured” feel­ing. Meta Serif Web Pro’s x-height is only a hair larger than Georgia’s, but retains read­abil­ity a bit bet­ter at smaller sizes.

Meta Web Pro works cross browser. 4 styles are avail­able via type­kit. A total of 16 styles are avail­able for license directly from FontShop. It also works beau­ti­fully with its com­pan­ion font: Meta Web Pro.

Filed under "Other Serif", 16 Styles, 4 Styles, Other Source, TypeKit |

Meta Web Pro

meta_web

View the web font spec­i­men sheet.

A human­ist sans serif font designed by Erik Spiek­er­mann and pub­lished by FontShop.

Meta was orig­i­nally a print font designed for small text. The same ele­ments that helps Meta stay read­able at small sizes in print helps Meta Web Pro stay read­able on screen: open aper­tures, a gen­er­ous x-height, gen­er­ous closed coun­ter­forms, and slightly loose let­terspac­ing. Meta Web Pro is not merely a print font repack­aged for web use—it has been care­fully hinted and looks great on screen.

Although Meta Web Pro has a decid­edly ver­ti­cal struc­ture, I cat­e­go­rize it as a human­ist sans serif due to its double-decker g, the curved stroke on the low­er­case l, and its human­ist italic.

Meta Web Pro works cross browser. 4 styles are avail­able via type­kit. A total of 16 styles are avail­able for license directly from FontShop. It also works beau­ti­fully with its com­pan­ion font: Meta Serif Web Pro.

Filed under 16 Styles, 4 Styles, Humanist Sans Serif, Other Source, TypeKit |

Merriweather

merriweather

View the web font spec­i­men sheet.

A serif font by Eben Sorkin. I cat­e­go­rize Mer­ri­weather as an “Other Serif” font, because it does not fall neatly into any of the gen­eral his­toric cat­e­gories com­monly used to describe serif type.

Mer­ri­weather grace­fully mixes-and-matches var­i­ous his­toric approaches to font design. Head ser­ifs and some ter­mi­nals feel pen-formed, while foot ser­ifs are rem­i­nis­cent of del­i­cate slab ser­ifs. It has a large x-height, and gen­er­ous aper­tures. It is extremely read­able at smaller sizes, and the bolder weights are well bal­anced and don’t get too heavy on screen. I’ve spent some time using this font this sum­mer, and it is one of my favorite fonts for web text.

Mer­ri­weather cur­rently has 4 weights avail­able via google web­fonts. There is not an italic yet, but Sorkin’s blog promises one is in the works. As well as a sans serif ver­sion! Keep an eye on this font as it devel­ops! It’s read­able, beau­ti­ful, and holds up well cross browser.

Filed under "Other Serif", 4 Styles, Google Fonts |