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

• 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.