A B C D E F G H I J K L M N O P Q R S T U V W X Y Z – a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 , . / : ; ‘ ’ “ ” ' " ! @ £ $ % ^ & * ( ) _ + = € # é è à ù ç
Thyb font is based on DIN 30640 Std Neuzeit Grotesk Light and Futura Book and Century Gothic. The lowercase ‘e’ is specific as well as the quotation marks.
To have this font in bold we have to download the bold version of Thyb font and also use a span tag instead of bold tag (looks better).
There is no italic yet. When a browser needs to render a specific font which do not have an italic variation it just slant the letters (faux-italic) or use the closest available font.
The Picture of Dorian Gray begins with Dorian, a young and handsome gentleman who is involved with philanthropy, sitting for a portrait while his new friend, Lord Henry, a sarcastic and hedonistic man of society, watches on. Dorian is described as being “unspotted from the world” and his beauty inspires the artist to his very best work.
Lord Henry exclaims how lovely the portrait has turned out, but laments that it is too bad that the picture will stay young forever, whereas Dorian will eventually age and lose his youth and beauty. A vexed Dorian makes a wish that he will stay timeless and the picture will age instead of him.
Note: This paragraph is not displayed using the Thyb font but the default specified for this page ("Segoe UI" or "Lucida Grande" or Helvetica or "Helvetica Neue" or Calibri or Arial or Verdana or sans-serif).
If the text above is displayed after this text this is because the font itself is downloaded by a browser which understand the @font-face CSS tag (Safari 3.1, Internet Explorer 8, Firefox 3, Opera). The font can be truetype or opentype-truetype (at least with Safari). If the font is already installed in your system there is no download penalty.
If the browser do not understand this new tag, the font displayed is Century Gothic (the closest similar to Thyb font). If Century Gothic is not available then the first default sans-serif font is used (the one specified in your preferences or Lucida Grande on Macs, Tahoma on Windows XP, Segoe UI on Windows Vista, Vera Sans on many Linux systems).
Check the source code of this page and the CSS file to understand how it works.
An official documentation made by W3.org for Fonts and CSS2 can be found here: http://www.w3.org/TR/REC-CSS2/fonts.html
A CSS3 working draft for Fonts can be found here: http://www.w3.org/TR/2002/WD-css3-fonts-20020802/