The page demonstrates the four main ways of using SIL fonts on your web pages. Note that because a handful of fonts are being loaded this page will be slower to load than most. Using only one of these techniques will be much faster.
This paragraph demonstrates the use of Gentium if installed locally on the viewer's system. If you're currently reading a serif font, then you have the Gentium font installed on your machine. The default text for this page is set to be Gentium, but requires the font to be installed on the viewer's system. This should work in all browsers.
This paragraph demonstrates the use of Gentium Basic, loaded directly from the server as a normal TrueType file using the @font-face rule. This should work in Safari 3.1+, Firefox 3.5+, Opera 10+, Chrome 4+; but no versions of IE earlier than the version 9 beta.
This paragraph demonstrates the use of Gentium Plus (test version 1.501), loaded from the server as a WOFF file using the @font-face rule. Here is some italic and back to regular. This should work only in Firefox 3.6+, Chrome 6, the IE9 beta, and in development versions of Safari.
If the previous paragraph is displayed correctly you will see a difference between the default line spacing of Gentium and Gentium Plus. The latter has much greater spacing in order to ensure that tall glyphs with diacritics do not get chopped off. This paragraph, however, shows how to reduce this line spacing using the CSS line-height property. It is identical to the previous one except for this property.
This paragraph demonstrates the use of Gentium Basic, loaded from the free Google Web Fonts service. Here is some italic and back to regular. This should work in a wide range of browsers, even older versions of IE.
To see how these techniques are specified in the CSS and HTML view the source to this page. For more information see Using SIL Fonts on Web Pages.