2 Column Flex Table with
nth Child & “Inset” Framing
in Column Header
by semicodin
INQUIT,
NON SATISFACIT?
EPICURI DIEM NATALEM, QUAM
ILLIUS
CAVERE UT AGERETUR
This is a sample of the (bolded) Google Font “Roboto Slab,” & a well-crafted serif — from Google — that plays nice with other fonts
This is a sample of “Calistoga,” & a nice thick serif with fat dots on its lowercase i letter and handsome numericals: 1234567890
This is a sample of “Chicle,” & a GROOVY font popularized in posters of Peter Max and others in the 1960’s “flower power,” LSD, long hair, Go Go Boots, bell bottoms, and all things psychedelic baby. You dig? Or as Jimi would ask: Are you experienced?
This is a sample of the Google Font “Crete Round” &shown here italicized.
This is a sample of the Google Font “DIPLOMATA” – & a formal display font used to emphasize authority and stability; found in banks & financial institutions and on specie. Needs generous letting (line height). 1234567890
This is a sample of “Solway,” & a gentle serif with rounded tips and really lovely numericals: 1234567890
This is a sample of the (600 weight) Google Font “Fira Sans Extra Condensed.” & And here it is in what I consider a reasonably normal weight (400). The Fira font family pulls heavy so you’ll need to get into really small numbers to render her normal. The 500 weight was too close to 600 to differentiate.
This is a sample of the Google Font “Henny Penny” – & a playful display font by font developer “brownfox”
& VAST SHADOW!
This is a sample of the Google Font “Metal Mania” – & a Gothic font rendered in small caps, particularly suited to SHAKESPEARE EXCERPTS I have found.
This is a sample of the Google Font “New Rocker,” & a Gothic/Black font with an impish sense of humor and a surprisingly readable clarity; well crafted! 1234567890
This is a sample of the Google Font “Ribeye Marrow,” & a playful display font used heavily in 1930s Greeting Cards.
By font developer Astigmatic
This is a sample of the (bolded) Google Font “Courier Prime” – & a Monospace font developed by Mozilla!
This is a sample of “Special Elite.” & This is a distressed manual Typewriter, frequently associated with the brands Underwood® and Royal®, subjected to hourly abuse at the hands of its owner, and powerless to give aid to its ribbon, struggling in a cloud of carcinogenic fumes and overflowing ashtrays
This is a sample of “Uncial Antiqua,” — & very Celtic and very, very old. 1234567890
This is a sample of “Vast Shadow” & with a nice little 3d effect
OLLY OLLY OXEN FREE
This is a sample of “Playfair Display.” This is an elegant serif from Claus Eggers Sørensen with a playful ampersand &.
This is a sample of “Londrina Outline,” — & the companion outline font to Londrina Solid — a playful font
This is a sample of “Londrina Solid,” & with total caveman vibes
“Goudy Bookletter 1911” This is an elegant Goudy from Barry Schwartz with a lovely ampersand & (shown here enlarged) durable enough when bolded to work with most (bolded) serifs and even takes well to italicizing &! Beware however: Goudy Bookletter 1911 has small caps numericals.
This is a sample of “Ewert,” & a highly singular ALL CAPS, OPEN font associated with (US) “Wild West” posters of the era, Circuses and Saloons
This is a sample of “Sancreek,” & a highly singular font associated with (US) “Wild West” posters of the era, Circuses and Saloons
Code here.

This code courtesy of Paul O’Brien
at the Sitepoint Forums
Got Questions? You can PM me at
the Sitepoint Forums!