Search
Username:
Password:
Register or Reset Password
Remove the ads!
Changing the CSS Menu Font
Difficulty: Intermediate
Category: CS:S > Sprites & GUIsAuthor(s): modderfreak

After the release of my CS1.5 Menu Conversion loads of people asked how I changed the font of the CSS menu, so here you go.
This tutorial will only cover how to use custom fonts and change their size, not how to change the colour etc. - there are other tutorials regarding these topics.


Required


Programs:
  • GCF Scape

  • WordPad, Notepad or any similar editor

Other:
  • A working, updated CSS installation

  • The custom font you want to use in .ttf format



Changing the font


Extracting
First of all, we need to extract the file "SourceScheme.res" out of the GCF archive:
  • For this, go to your "C:\Program Files\Valve\Steam\SteamApps" folder and open "source engine.gcf".

  • Go to "root\hl2\resource\" and extract the file "SourceScheme.res".



Editing
  • Open up your "SourceScheme.res" file with WordPad, Notepad or any similar editor.

  • Search the line ""MenuLarge"", it will look like this:

    "MenuLarge"
    {
    "1"
    {
    "name" "Verdana"
    "tall" "16"
    "weight" "600"
    "antialias" "1"
    }
    }


    The line "name" controls the font CSS uses to display the menu. You can now change it to the name of your custom font, in my example the font I use is named "adler":

    "MenuLarge"
    {
    "1"
    {
    "name" "adler"
    "tall" "16"
    "weight" "600"
    "antialias" "1"
    }
    }



  • You can also change the size of the menu through editing the line "tall", in my example I wanted it very big therefore I changed it from 16 to 30:

    "MenuLarge"
    {
    "1"
    {
    "name" "adler"
    "tall" "30"
    "weight" "600"
    "antialias" "1"
    }
    }


Now we need CSS to know where the font is located therefore it can load it at the startup:
  • Scroll down to the end of the "SourceScheme.res" file, you will see these lines:

    //////////////////////// CUSTOM FONT FILES /////////////////////////////
    //
    // specifies all the custom (non-system) font files that need to be loaded to service the above described fonts
    CustomFontFiles
    {
    "1" "resource/HALFLIFE2.ttf"

    }


    Add a new line with your custom font name, in my case, it's still "adler". Notice that the number of the new line has to be in a row, therefore if you add it as a second font, you have to change the "1" to a "2":

    //////////////////////// CUSTOM FONT FILES /////////////////////////////
    //
    // specifies all the custom (non-system) font files that need to be loaded to service the above described fonts
    CustomFontFiles
    {
    "1" "resource/HALFLIFE2.ttf"
    "2" "resource/adler.ttf"

    }
    }



Saving and files
  • Save your "SourceScheme.res" file in your Counter-Strike: Source resource folder, the path to it will look like this:
    "C:\Program Files\Valve\Steam\SteamApps\*youraccountname*\counter-strike source\cstrike\resource"

  • Don't forget to save your font there too!




You're done, if you followed every step right CSS will use a custom font for displaying the menu the next time you start it.
Screenshot #2 shows how your "resource" folder should/could look like.
Screenshot #3 is an example how your customized menu can look like ingame.
Added: 1 year agoTags: menu font, custom menu, custom font
Feedback (20)
Page of 2   1 2 Next Page
frog101 .
BananiteY2M
Posted 6 months ago
IF YOU GOT AN ERROR: (error: Unexpected end of GCF Steam)
I had this same problem and Im not sure if anyone posted the answer yet? but I found there were 2 files "source engine" (mentioned in tutorial) and "base source engine 2". I used the "source engine" and failed with an error, so I tried "base source engine 2" after i couldnt get it to work and everything worked fine. Except for that, GREAT TUTORIAL!!!
- Bananite
Panduh .
fcuk;Y2M
Posted 8 months ago
I extracted it, but when I open it there's nothing in the file.
sajdood .
This SITE IS VAC-SecuredY2M
Posted 11 months ago
Does anyone know how to change the writing in game colour and can tell me (when you want to say/type something ://via pressing Y//)
please pm me
- This SITE IS VAC-Secured
.
Y2M
Posted 1 year ago
Notes: Very usefull. 10/10 good job, Modder!
-
.
Respect is everything.Y2M
Posted 1 year ago
Posted by 6piece

How u change colour?

Simply edit the colour code. I think this is also covered by other tutorials.

10 favs and only 8 ratings - come on people!
6piece .
New set and uber. woohooY2M
Posted 1 year ago
How u change colour?
:
Banana Mod BotY2M
Posted 1 year ago
Beautiful, I think I am going to try this out tonight and release a new background with custom font. :)
.
Respect is everything.Y2M
Posted 1 year ago
Again, did you exit steam before tryingto extract? If so, you should to the Steam GCF check.

-You will need this file, if you extract it from the GCF file or if you download it from an other already existing GUI doesn't really matter.
Spetsnazx .
I'm the mushroomY2M
Posted 1 year ago
I need some help,cause when i try to extract SourceScheme.res i get an error saying "Extracting to C:\Documents and Settings\Owner\My Documents\My Albums\skining...
Error writing C:\Documents and Settings\Owner\My Documents\My Albums\skining\SourceScheme.res (Error: Unexpected end of GCF stream (0 B of 16083 B). Has the GCF file been completely acquired?)"
.
Respect is everything.Y2M
Posted 1 year ago
Did you exit Steam before trying to open the GCF archive?
Page of 2   1 2 Next Page
Add Feedback
Provide constructive feedback. What is "constructive"?
You cannot post yet!
Get involved on FPSB by posting your thoughts. Give authors your feedback to help them develop.

To post in this submission register or login.
Assessment
The community's verdict.
User Rating [+]
9.6/10
bScore
9.6/10
You cannot assess yet!
Moderating FPSB is in your hands - when you assess a submission your vote determines its success or failure.

To vote on this submission register or login.
Stamps
This Tutorial in a nutshell...
Well Written & Helpful
You cannot stamp yet!
Stamps let you apply characteristics to submissions to help others understand them.

To stamp this submission register or login.



Brought to you by...
Avenger Corp.™
"Nobody's Banner Disapears More Often!"
Membership: Invite Only
Primary Skills: 3D Animation, 3D Art & Rendering, Compiling, Modelling, Sound Effects & Music, Texturing, UV Mapping
Inception: 2 years ago
Vote for Studio
Like this tut? Vote Avenger Corp.™ for one or more monthly awards.
You must login or register to access this!
Related Tutorials