Font selection in Turtle skin

Every album is different. Why should you use the same typeface for all? With version 3.3.0 came the improved font stacks to Turtle, and with 3.3.1 you can even choose a unique headline font for page titles. I will explain how these fonts work in your albums.

Web browsers for long time could only use the fonts found on the visitor’s PC. Therefore web designers were limited to some 10 fonts that were common on the different OS’s – you possibly seen them zillion times – like Arial, Verdana, Times, and such. Then came CSS3 with its custom font import possibilities. CSS3 is unfortunately not supported by all browsers on the market today – guess which – IE7 and 8. They require their own special font format. There is a solution exists to fix these bad guys, but I did not want to bother with supporting old browsers, and adding heavy javascript libraries to Turtle. In these browsers the headline fonts will simply fall back to the default base font.

Base Font families

These fonts come from the visitor’s PC. If the browser can’t find the designated font, it will try to find a similar (the next in the “font stack”). Some 27 fonts are available as global (base) fonts. This font selection will be valid for the whole album, that is for every text. (Besides the headline, see later). Therefore it is essential to use a font that’s available on the visitor’s PC, in order the page loaded as quickly as can. Here is the list:

Arial

 

Baskerville

 

Calibri

 

Cambria

 

Century Gothic

 

Comic Sans

 

Consolas

 

Constantia

 

Copperplate

 

Courier New

 

Franklin Gothic

 

Futura

 

Garamond

 

Geneva

 

Gill Sans

 

Goudy Old Style

 

Helvetica Neue

 

Hoefler Text

 

Impact

 

Lucida Bright

 

Lucida Sans

 

Palatino

 

Segoe

 

Tahoma

 

Times

 

Trebuchet MS

 

Verdana

 

Headline font

For the headline (page title) you can choose to keep with the base font or use another one. You can even use web fonts that come from Google Web Fonts. These fonts are open source so you can use them in any project: private or commercial. Please note, using a web font can make the page load a bit slower. Also these fonts are not available on Internet Explorer 7 and 8 (will fall back to the base font). Internet Explorer 9 will not display web fonts in local view due to security restrictions, but will be fine when uploaded. Here are the fonts you can use (above the base fonts):

Abril Fatface

 

Alex Brush

 

Amaranth

 

Amatic SC

 

Cantata One

 

Cookie

 

Dancing Script

 

Dosis

 

Dynalight

 

Emilys Candy

 

Euphoria Script

 

Fridericka the Great

 

Geo

 

Germania One

 

Great Vibes

 

Gruppo

 

IM Fell English

 

Indie Flower

 

La Belle Aurore

 

Lobster

 

Loved by the King

 

Maiden Orange

 

Mountains of Christmas

 

Oswald

 

Poiret One

 

Princess Sofia

 

PT Mono

 

Shadows Into Light

 

Special Elite

 

Raleway

 

Rochester

 

Squada One

 

Ubuntu Condensed

 

Yanone Kaffeesatz

 

I hope you will find the one that match best your album.

Leave a Reply