Change the Netgraph font size

Sectionsupdated steampipe

How to get the files

Pictures

The actual font section to adjust

Picking a Font

Adjusting the netgraph in-game


Get the files. To change the Netgraph text in a steam mod, you first have to find and extract the sourcescheme.res file from your mod files...

Counter-Strike Source...
C:\Program Files\Steam\steamapps\common\counter-strike source\hl2\resource\sourcescheme.res

Day of Defeat Source...
C:\Program Files\Steam\steamapps\common\day of defeat source\hl2\resource\sourcescheme.res

Team Fortress 2...
C:\Program Files\Steam\steamapps\common\team fortress 2\hl2\resource\sourcescheme.res

Now if you are lazy...and I don't blame you, you can download this package for dod:s, CSS and TF2 orange box games. It has the instructions in the zip file readme.

You may find you have to edit the file to suit yourself, read on then.

VALVe recently changed this file to cope for Mac OS X Linux and XBOX, it has some new entries now. The whole point of changing the netgraph size is that on smaller screens the font is huge, some players like to have this up all the time to keep an eye on their connection strength. The standard one does get in the way and in the standard file there is only one font choice, "Lucida Console" size 10....

Pictures

thumb_640x480_small_hud_normal_netgraph_font thumb_640x480_small_hud
640x480 normal VALVe font 640x480 with smaller adjusted font
thumb_koth_nucleus0000 thumb_hud_test0000
640x480 in TF2 640x480 in DoD:S

Please note that the screen shots above are a small screen in window mode and a crappy Jpeg shot.

What one would you rather play with? Some may prefer the bigger one and only bring it up every now and again, for others who want to adjust the small one, read on or download it from the top.

The actual font section to adjust. You don't have to adjust the whole file, we can just the work on the part that sets the netgraph font, it's called "DefaultFixedOutline" and you can find it in the SourceScheme.res file, it gets a little tricky, some mods don't have that file in the mods GCF file. Never mind, you can take the one I have made and place it in the cstrike/resource/ folder or dod/resource folder and so on.

What happens is that we need to have different fonts and sizes and also some other font settings, for different screen heights. The VGUI fonts can be adjusted this way, it does a good job overall when the screen adjusts the font sizes do scale down, in this case we need to give the GUI a bit of a hand, after all, there are quite a few Aspect ratios and screen heights to cope for just on one system...

thumb_monitor_range
Screen Aspect ratios and sizes on one monitor

Don't forget when doing this task of font type and size you have to do some testing! There are two things to consider when making a set of fonts in the SourceScheme.res or a ClientScheme.res file.

  1. The screen height is important, not the width
  2. The font type... are you picking one that all systems have? We now have Mac OSX and XBOX you know!

The file is divided up into subsections, a number from 1 to 5 or more, each one is a screen height range, like the first one "1" = For screen heights between 480 and 599 this will be for a screen with a aspect ratio of 4:3  Width 640x480 High and Width 720x576 High. 16:10 aspect Width 720x480 High.

Note the minimum of 480 high and 599 high? This will not affect a screen of 800x600, that is in the next section because no 1 section only goes to 599. Get it? A 600 screen height will not get these settings because it is above the range 480 and 599. By only one pixel...but above that range anyway.

No "2" section goes from 600 to 767 and so on.

This is controlled in each section by the "yres" value, look at this following code screen, note that it is heavily commented beside each line/command/value so you know what it all does...

#base "../../hl2/resource/SourceScheme.res"

Scheme
{

Fonts
{

"DefaultFixedOutline" //edited by INsane 2010 for small netgraph font on all screen sizes
{
"1" //For screen heights between 480 and 599 (eg 4:3 aspect Width 640x480 High, Width 720x576 High. 16:10 aspect Width 720x480 High)
{
"name" "Georgia" [$WINDOWS] // Standard is "Lucida Console" Options are "Microsoft Sans Serif" "Georgia" "Impact" "Arial MT" and the best for small = "Haettenschweiler" but is a MS office and Win7 font, can be downloaded, google "Haettenschweiler" and install in C:/Windows/Fonts
"name" "Lucida Console" [$X360] //"Lucida Console"
"name" "Georgia" [$POSIX] // Apple Mac OS "Verdana" (default) Best small font = "Georgia" Mac Installation location: /Library/Fonts and is default on Mac OS
"tall" "11" [$POSIX] // "11"
"tall" "10" //good positioning is ... "net_graphpos 183" and "net_graphheight 30" and ensure you select "antialias" "1" with all others off with "Georgia" font.
"tall_lodef" "15" //"15"
"tall_hidef" "20" //"20"
"weight" "0" //"0" // This is the thickness, like a bold setting max is about 700. Small fonts will look better as "0".
"range" "0x0000 0x017F" // Basic Latin, Latin-1 Supplement, Latin Extended-A
"yres" "480 599"
"outline" "0" //"1" //Adds a black outline around the text, good for standing out... that is, if the font allows it, use with caution on smaller fonts.
"additive" "0" //not default added //This adds white to font...sort of a glow effect on coloured fonts and gives a washed out pastel look
"antialias" "1" //not default added //smoothing the edges.
}
"2" //For screen heights between 600 and 767 (eg 4:3 aspect Width 800X600 High, ... 16:9 aspect Width 1152x648 High.)
{
"name" "Georgia" [$WINDOWS] // Standard is "Lucida Console" Options are "Microsoft Sans Serif" "Georgia" "Impact" "Arial MT" and the best for small = "Haettenschweiler" but is a MS office and Win7 font, can be downloaded, google "Haettenschweiler" and install in C:/Windows/Fonts
"name" "Lucida Console" [$X360] //"Lucida Console"
"name" "Georgia" [$POSIX] // Apple Mac OS "Verdana" (default) Best small font = "Georgia" Mac Installation location: /Library/Fonts and is default on Mac OS
"tall" "12" [$POSIX] // "11"
"tall" "12" //good positioning is ... "net_graphpos 190" and "net_graphheight 45" and ensure you select "antialias" "1" with all others off with "Georgia" font.
"tall_lodef" "15" //"15"
"tall_hidef" "20" //"20"
"weight" "0"
"range" "0x0000 0x017F" // Basic Latin, Latin-1 Supplement, Latin Extended-A
"yres" "600 767"
"outline" "0" //"1" //Adds a black outline around the text, good for standing out... that is, if the font allows it, use with caution on smaller fonts.
"additive" "0" //not default added //This adds white to font...sort of a glow effect on coloured fonts and gives a washed out pastel look
"antialias" "1" //not default added //smoothing the edges.
}
"3" //For screen heights between 768 and 1023 (eg 4:3 aspect Width 1024X768 High... 16:9 aspect Width 1360x768 High, 16:9 aspect Width 1776x1000 High... 16:10 aspect Width 1280x768 High, 16:10 aspect Width 1280x800 High, 16:10 aspect Width 1400x900 High.)
{
"name" "Verdana" [$WINDOWS] // Standard is "Lucida Console" Options are "Microsoft Sans Serif" "Georgia" "Impact" "Arial MT" and the best for small = "Haettenschweiler" but is a MS office and Win7 font, can be downloaded, google "Haettenschweiler" and install in C:/Windows/Fonts
"name" "Lucida Console" [$X360] //"Lucida Console"
"name" "Verdana" [$POSIX] // Apple Mac OS "Verdana" (default) Best small font = "Georgia" Mac Installation location: /Library/Fonts and is default on Mac OS
"tall" "16" [$POSIX] // "11"
"tall" "16" //good positioning is ... "net_graphpos 203" and "net_graphheight 85" and ensure you select "outline" "1" with all others off with "Microsoft Sans Serif" font.
"tall_lodef" "15" //"15"
"tall_hidef" "20" //"20"
"weight" "0"
"range" "0x0000 0x017F" // Basic Latin, Latin-1 Supplement, Latin Extended-A
"yres" "768 1023"
"outline" "1" //"1" //Adds a black outline around the text, good for standing out... that is, if the font allows it, use with caution on smaller fonts.
"additive" "0" //not default added //This adds white to font...sort of a glow effect on coloured fonts and gives a washed out pastel look
"antialias" "0" //not default added //smoothing the edges.
}
"4" //For screen heights between 1024 and 1199 (eg 4:3 aspect Width 1280X1024 High, Width 1400X1050 High... 16:9 aspect Width 1920x1080 High... 16:10 aspect Width 1680x1050 High.)
{
"name" "Arial" [$WINDOWS] // Standard is "Lucida Console" Options are "Microsoft Sans Serif" "Georgia" "Impact" "Arial MT" and the best for small = "Haettenschweiler" but is a MS office and Win7 font, can be downloaded, google "Haettenschweiler" and install in C:/Windows/Fonts
"name" "Lucida Console" [$X360] //"Lucida Console"
"name" "Arial" [$POSIX] // Apple Mac OS "Verdana" (default) Best small font = "Georgia" Mac Installation location: /Library/Fonts and is default on Mac OS
"tall" "19" [$POSIX] // "11"
"tall" "19" // good positioning is ... net_graphheight 87 and net_graphpos 210 and ensure you select "outline" "1" with all others off with Ariel font.
"tall_lodef" "15" //"15"
"tall_hidef" "20" //"20"
"weight" "0"
"range" "0x0000 0x017F" // Basic Latin, Latin-1 Supplement, Latin Extended-A
"yres" "1024 1199"
"outline" "1" //"1" //Adds a black outline around the text, good for standing out... that is, if the font allows it, use with caution on smaller fonts.
"additive" "0" //not default added //This adds white to font...sort of a glow effect on coloured fonts and gives a washed out pastel look
"antialias" "0" //not default added //smoothing the edges.
}
"5" //For screen heights between 1200 and 6000 (6000...wow that's freaking huge!) (eg 4:3 aspect Width 1600X1200 High... 16:10 aspect Width 1920x1200 High.... and beyond)
{
"name" "Arial" [$WINDOWS] // Standard is "Lucida Console" Options are "Microsoft Sans Serif" "Georgia" "Impact" "Arial MT" and the best for small = "Haettenschweiler" but is a MS office and Win7 font, can be downloaded, google "Haettenschweiler" and install in C:/Windows/Fonts
"name" "Lucida Console" [$X360] //"Lucida Console"
"name" "Arial" [$POSIX] // Apple Mac OS "Verdana" (default) Best small font = "Georgia" and "Arial" Mac Installation location: /Library/Fonts and is default on Mac OS
"tall" "19" [$POSIX] // "11"
"tall" "19" // good positioning is ... net_graphheight 95 and net_graphpos 225 and ensure you select "outline" "1" with all others off with Ariel font.
"tall_lodef" "15" //"15"
"tall_hidef" "20" //"20"
"weight" "0"
"range" "0x0000 0x017F" // Basic Latin, Latin-1 Supplement, Latin Extended-A
"yres" "1200 6000"
"outline" "1" //"1" //Adds a black outline around the text, good for standing out... that is, if the font allows it, use with caution on smaller fonts.
"additive" "0" //not default added //This adds white to font...sort of a glow effect on coloured fonts and gives a washed out pastel look
"antialias" "0" //not default added //smoothing the edges.
}
}
}
}

The standard file only has one setting, the custom file above has 5 and will cope with small screens from 480 high up to 6000 high.

Picking a Font. Now the next consideration is the font type. Have you selected a font that all the popular operating systems have installed by default? How do you find that info!

Microsoft and Apple do have guides of what and where the fonts are installed, they even show you what they look like... Apple. Microsoft (select your OS or application). Pick one that apple supports and is also in Win XP, Vista and Win 7.

Linux users may also have already installed windows fonts. If you have not better look at this... remember to press "Tab" to accept Microsoft EULA agreement !

That will cover a lot of systems, favorites are...

"Georgia" Nice for smaller text, is in most OS's

"Microsoft Sans Serif" also good for smaller to medium text sizes

"Impact" A nice font for small to medium that is "Chunky"

"Verdana" A nice font for medium to large, does not go too well as a small font but is possible.

There are others and it is a matter of testing, click on the Thumbnail below, you can see some of the shared fonts between the different operating systems and what the "readability" looks like...

thumb_font_hl2_all_os

The netgraph font for the smaller screens needed a tall, thin font to squash up for the limited width of the lower screens, I picked "Georgia" because of this and placed it in the 1 and 2 sections that deal with the very small screens of Wide 640 x High 480 and Wide 800 x High 600.

You also have to consider the Bold setting ( "weight"  0 is thin and 700 very bold ) and a "outline" "0" is none and "1" will place a black edge all around the outside and give it better visibility, note that all these settings like "outline", "additive" and "antialias" at the end of the sections up there in the code...you can only have ONE set to "1" (on) the others must be "0" (off).

So now you know all that, how about testing?

Don't forget each section is for a height range not a width. For section "5" you better adjust your display to have a max height of 1200 at least., because section 5 "yres" says "1200 6000" For screen heights between 1200 and 6000. The next is "4" For screen heights between 1024 and 1199.

Make sure you select a height correctly and make adjustments to the font type and the size, check how it looks on each height.

Just one other thing, the "lerp" will overlap if you select the wrong font type and size for the screen height, you will pick that up if you test correctly.

I hope you enjoyed that, I nearly went nuts figuring that out and had to write it down so I would remember it all.

Install your new file in (or include it in your own package)...

Counter-Strike Source...
C:\Program Files\Steam\steamapps\common\counter-strike source\cstrike\custom\small_netgraph_font

Day of Defeat Source...
C:\Program Files\Steam\steamapps\common\day of defeat source\dod\custom\small_netgraph_font

Team Fortress 2...
C:\Program Files\Steam\steamapps\common\team fortress 2\tf\custom\small_netgraph_font

Below is some more info on the netgraph, how to adjust and so on, also note that beside the "size" is a comment about position forn that size.

Adjusting the netgraph in-game

to_adjust_for_ver6

There are three console commands of interest...

1. net_graph "0" (default) Other values are for netgraph types, there are four... "1" , "2", "3" and "4".

2. net_graphheight Adjusts the height. Try values between "0 - 768" but that is for 768 screen height, it depends on your screen res height, it may go higher!

3. net_graphpos Adjusts the position right to left. Try values between "0 - 542". This limit of 542 seems to work OK for all resolutions... and all netgraph sizes. Just try it... if you have reached the max, it won't go any further :)

 

For TF2 netgraph info see here.

#base "../../hl2/resource/SourceScheme.res"

Scheme
{

Fonts
{

"DefaultFixedOutline" //edited by INsane 2010 for small netgraph font 640x480 up to 800x600. In console try "net_graphpos 183" and "net_graphheight 26" for good positioning
{
"1"
{
"name" "Georgia" [$WINDOWS] // Standard is "Lucida Console" Options are "Microsoft Sans Serif" "Georgia" "Impact" "Arial MT" and the best for small = "Haettenschweiler" but is a MS office and Win7 font, can be downloaded, google "Haettenschweiler" and install in C:/Windows/Fonts
"name" "Lucida Console" [$X360] //"Lucida Console"
"name" "Verdana" [$POSIX] // Apple Mac OS "Verdana" (default) Best small font = "Georgia" Mac Installation location: /Library/Fonts and is default on Mac OS
"tall" "11" [$POSIX] // "11"
"tall" "10" // "10"
"tall_lodef" "15" //"15"
"tall_hidef" "20" //"20"
"weight" "0" //"0" // This is the thickness, like a bold setting max is about 700. Small fonts will look better as "0".
"outline" "0" //"1" //Adds a black outline around the text, good for standing out... that is, if the font allows it, use with caution on smaller fonts.
"additive" "0" //not default added //This adds white to font...sort of a glow effect on coloured fonts and gives a washed out pastel look
"antialias" "1" //not default added //smoothing the edges.
}
}
}
}

dodbits.com Copyright © 2014. All Rights Reserved.