Traditionally found in books, the colophon is where printers convey information about both themselves and the process that went into publication. It's where you find the nerdy details.
Accessibility is of the utmost importance so everyone can use my site including my Mum. While its on its way to meeting WCAG 2.0 level AA standards, I still need to add page regions.
Most of the text is set in Avenir Next, Akira Kobayashi's reworked 2007 version of Adrian Frutiger's original Avenir family from 1988. Apple graciously bundles it with both MacOS and iOS, so if you're on a Mac, iPhone, or iPad it should load super fast.
The all caps titles are set in Futura, a geometric sans-serif typeface designed by Paul Renner and released in 1927. I think it still holds up.
I like drawing my own icons but you can't beat the suite of branded social icons that Font Awesome puts out for free.