Custom fonts for different usergroups

[AdminAdmin is verified member.]

This is my first true custom mod, this enables you to have a custom font for a certain usergroup, you can use this for as many usergroups as you like and doesnt require the viewer to have the font installed on there computer, it will kept on the server so will be available for everyone too see, so no more default fonts, hope you enjoy

First off download what font type you would like in ttf format.

Once complete open additional.css and add this at the bottom

@font-face {
font-family: Over;
src: url('Over.ttf');
}

Change the Red text to the name of your ttf file.
Upload your ttf file to the root directory of your file directory/file manager.


Next add the following

.premium {
font-family: Over; /* no .ttf */
}

If you wish to add a color make it like this

.premium {
font-family: Over; /* no .ttf */
color: #FF0000;
}

change the yellow to the color you want, and the red to the name of the TTF file

Once your complete save it and then open up the usergroup you wish to change

In the usergroup html markup add this to the first box

<span class="premium">

Add </span> to the 2nd box

And your all done

Click below for a screen shot

Glitch_guru is the one you are looking at using a custom font, this works in posts also and profiles.