Username font change

by delicious December 21st 2012, 5:10 pm

Hello

I want to make this:
Username font change 5Y6vb

"Damon Salvatore" font is Rochester. How make this font?

and this:
Username font change Pyfjr

"Elena Gilbert" font is 'Shadows Into Light Two'. How make this font?
I guess that, was used here http://www.google.com/webfonts and javascript... Sad

by delicious December 22nd 2012, 10:23 pm

anyone?

by delicious December 25th 2012, 7:33 pm

Please, help me Crying or Very sad

by Kaizer Lee December 26th 2012, 1:43 am

Can you please link us to the site? I'm not really sure if that's possible with a forumotion site though.

Anyway, I once read a topic about it, you have to download the font in order for you to see it.

Although, judging from the font on the avatar and the the one below, I think it's in the ACP < Display < Colors where it's set and you by chance, have the font and can see it.

by nextlevelgaming December 26th 2012, 1:55 am

You can change fonts by doing so

https://developers.google.com/webfonts/

Do I need to download the font in order to use the font on my website or blog?
No. The font is available for download in case you need the font in a local program like Adobe Photoshop. To use the font on your website or blog, you can simply copy the HTML snippet available from the "Use" tab for your collection.

What browsers are supported?
The Google Web Fonts API is compatible with the following browsers:

Google Chrome: version 4.249.4+
Mozilla Firefox: version: 3.5+
Apple Safari: version 3.1+
Opera: version 10.5+
Microsoft Internet Explorer: version 6+

Direct from the site... Let us know how it goes OP

How to integrate this? well

Code:: <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">

place this in the body of your website...

make the CSS

Code:: a[href=/u1] { font-family: 'Tangerine', serif; font-size: 12px; color:#ff0000; }

by delicious December 26th 2012, 10:36 pm

and when I add

Code:: a[href=/u1] { font-family: 'Tangerine', serif; font-size: 12px; color:#ff0000; }

this code to CSS, what else?

by nextlevelgaming December 27th 2012, 12:03 am

That is all you will need to do basically. Make sure you add the script source for the font.

Code:: <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">

by delicious December 27th 2012, 9:44 am

Where do put this? in stylesheet? how? Sad

by nextlevelgaming December 27th 2012, 9:20 pm

Since you are using phpbb2 go to ACP>DISPLAY>TEMPLATES>GENERAL>OVERALL_HEADER

Place it anywhere in between the <head> CSS LINK REL HERE!</head> tags

For you CSS place that in the CSS style sheet located here

ACP>DISPLAY>COLORS>STYLESHEET

by delicious December 28th 2012, 4:23 pm

<head><link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine"></head> - that put in OVERALL_HEADER?

by Mike December 28th 2012, 5:29 pm

you can also put it in your Javascript management and apply to all pages.

by nextlevelgaming December 28th 2012, 9:40 pm

Yes you can place this in js management. Though anyways, go to your overall_header...find the first head tag <head> then place the link rel anywhere in there.

by nextlevelgaming December 31st 2012, 11:59 pm

Yeah everything provided well more than enough Wink

Close this rideem if the OP needs additional support they can PM me I don't care or they can PM a moderator to reopen it.

by nextlevelgaming January 1st 2013, 8:54 pm

Yeah that is true, good thinking man lol.

by levy January 1st 2013, 9:10 pm

So,lets start
Add in your CSS this codes

Code:: @font-face { font-family: 'Shadows Into Light Two'; font-style: normal; font-weight: 400; src: local('Shadows Into Light Two'), local('ShadowsIntoLightTwo-Regular'), url(http://themes.googleusercontent.com/static/fonts/shadowsintolighttwo/v1/gDxHeefcXIo-lOuZFCn2xU9H8fLq5zs1M0-u6-ewBcM.woff) format('woff'); } @font-face { font-family: 'Rochester'; font-style: normal; font-weight: 400; src: local('Rochester'), local('Rochester-Regular'), url(http://themes.googleusercontent.com/static/fonts/rochester/v3/nE50b4-SbQ54pks-8vOplz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); }

Ok,now your forum and all users know at your forum is atached this two fonts.
Now ,lets make for username,if you use PunBB it will be easy for me.
Go again in CSS and add this code

Code:: .pun .user-ident .username { display: block; font-size: 20px; font-weight: 700; position: absolute; text-decoration: none; top: 0; font-family: 'Rochester'!important; }

With this ,first code is done ,change only font-size .

Now lest do for second code.

If you are the first user ,it will be easy

Code:: a[href="/u1"] { font-family: 'Shadows Into Light Two'; font-size: 15px; text-decoration: none; }

Now : First code will make only in topic the font and the second ,anywhere is your name.

Change /u1 with what user you are ( hit his name and you will see ).

If you use other version please post ,i will fix and for others versions.