- Joined
- Sep 12, 2013
- Messages
- 147
- Reaction score
- 67
Wassup!
I extracted the basic Habbo Ubuntu and Volter-fonts as .WOFF!
Habbo has multiple different fonts for multiple different purposes within the client, so If you want to play around you might want to find the best one for each purpose. I haven't found the clear fonts for each purpose, but on these examples I used the generic Ubuntu 243.
EXAMPLES OF THEM IN-USE:
Just a basic motto tweak on Cosmic (Ubuntu 243).
Before:
After:
Nitro:
Before
After
How to add the fonts to your stylesheets?
Downloads/images:
Here's a preview of all the fonts:
Download the .zip of all fonts as .WOFF:
You're done!
I'd love to see you make something fun with these, so let me know!
Can't edit the thread anymore and RZ kept Ducking my styling so
Adding the font into your stylesheet:
Using it as a font:
I extracted the basic Habbo Ubuntu and Volter-fonts as .WOFF!
Habbo has multiple different fonts for multiple different purposes within the client, so If you want to play around you might want to find the best one for each purpose. I haven't found the clear fonts for each purpose, but on these examples I used the generic Ubuntu 243.
EXAMPLES OF THEM IN-USE:
Just a basic motto tweak on Cosmic (Ubuntu 243).
Before:
After:
Nitro:
Before
After
How to add the fonts to your stylesheets?
- Add them to your font-folder or upload them wherever you want to. Just make sure they're linkable.
- Make sure your website can read them. You'll get a 404 error unless you've modified web.config, .htaccess or whatever server you're using. Click
You must be registered to see linksIf you don't understand.
- Just add the font into your stylesheet or directly into HTML.
Downloads/images:
Here's a preview of all the fonts:
You must be registered to see links
Download the .zip of all fonts as .WOFF:
You must be registered to see links
You're done!
I'd love to see you make something fun with these, so let me know!
Can't edit the thread anymore and RZ kept Ducking my styling so
Adding the font into your stylesheet:
Code:
font-face { font-family: 'Ubuntu243'; src: url(/assets/webfonts/Ubuntu243.woff) format('woff');};
Using it as a font:
Code:
.page-container[data-page="profile"] .profile-header .header-content .header-details .header-description { font-size: 12px; font-style: italic; font-family: 'Ubuntu243'; margin-top: 9px;}
Attachments
You must be registered for see attachments list
Last edited by a moderator: