Profile Enhancements - Custom fonts for different usergroups

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.

[leejohn02]

no comments why do i bother to share?

[Justinphx]

I just tried this but it didn't work.

root directory of your file directory/file manager I placed it in my /forum directory. Is this correct?

Thanks - it looks really nice in your example.

[leejohn02]

send me ur domain i will have a look for you, try putting it in the main directory, where you see the admin cp folder, not in the actual admin cp folder but in the same directory

[Justinphx]

Thanks. I just figured it out. I had to clear the cache. I guess Cloudflare had my template cached. Works nice and thanks for sharing. *****

[shakir1401]

where to find the file additional.css

[Toorak Times]

Hi mate, really like this, as a publisher I have to put my hat on and think how I can best use it.

[Toorak Times]

Originally Posted by shakir1401

where to find the file additional.css

In your cpanel go to Styles and Templates click on your style or the main style and go to Edit Templates look for CSS, click, you'll find it there and it's cool