Graphical headline Normal

Graphical headline Layout 2

Graphical headline Layout 3

Graphical headline Layout 4

Graphical headline Layout 5

If your customer insists on the fact that headlines have to use special fonts, according to the CI you have at hand, you can implement this, by using this feature. Without the disatvantage however, that search engines don't find readable content anymore, but only an image. Image replacement using the so-called Phark-Method makes that possible.

The HTML-source is:

<h3 class="G" style="background:url(typo3temp/GB/ed591d8ce7.png) no-repeat;">Graphical headlines</h3>

The associated CSS-code is like this (Extract from content.css):

h3.G {border:0; height:30px; text-indent: -999em;}

Only a truetype font, which you save in folder fileadmin/fonts/ is required. The image is rendered by gifbuilder.