- Joined
- Jan 1, 2001
- Messages
- 60,189
XenFans.com CSS3 @font-face tweak
version 0.0.1 for XenForo version 1.0.0 beta 2
Description:
This template modification adds a CSS @font-face to your board to make the header 1 titles, which you see under the breadcrumbs, show in fonts otherwise not available - and much more sexy looking.
We're using it here on http://xenfans.com/ and there have been quite a few requests for it, so I've decided to give the non-complicated version
Installation:
Download this font "REGULAR" in OTF: http://www.yanone.de/typedesign/kaffeesatz/
Put it in the root dir of where you have xenforo installed
Open the admin.php > appearance > template > public.css and at the bottom add:
Save the template
Then go to the template PAGE_CONTAINER and find this code:
and replace the <h1> tag with:
(in other words: add style="" to the h1 tag)
Save the template.
And, you should be done.
Screenshots:
version 0.0.1 for XenForo version 1.0.0 beta 2
Description:
This template modification adds a CSS @font-face to your board to make the header 1 titles, which you see under the breadcrumbs, show in fonts otherwise not available - and much more sexy looking.
We're using it here on http://xenfans.com/ and there have been quite a few requests for it, so I've decided to give the non-complicated version

Installation:
Download this font "REGULAR" in OTF: http://www.yanone.de/typedesign/kaffeesatz/
Put it in the root dir of where you have xenforo installed
Open the admin.php > appearance > template > public.css and at the bottom add:
CSS:
@font-face { font-family: YanoneKaffeesatz; src: url('YanoneKaffeesatz-Regular.otf'); }
Then go to the template PAGE_CONTAINER and find this code:
HTML:
<h1><xen:if is="{$h1}">{xen:raw $h1}<xen:elseif is="{$title}" />{xen:raw $title}<xen:else />{$xenOptions.boardTitle}</xen:if></h1>
HTML:
<h1 style="font-family: YanoneKaffeesatz, Helvetica, sans-serif; font-size: 28px">
Save the template.
And, you should be done.
Screenshots:


