How to create HUD crosshair for TF2

1) First you need a custom hud for the resources and scripts folders.
2) You need font files that contain fonts that you want to use as your crosshair components.  I will list out some fonts and required font files at the end.
3) Navigate to the scripts folder and paste the following in the hudlayout file at the top. It will serve as the basic crosshair building block.
	CrossHairNormal
	{
		"controlName"	"CExLabel"
		"fieldName"	 	"CrossHairNormal"
		"visible"		"1"
		"enabled"		"1"
		"zpos"			"1"

		"xpos"			"c-15"  //change this
		"ypos"			"c-25"  //change this
		"wide"			"30"	//change this
		"tall"			"41"	//change this

		"font"			"CrossHairNormal"
		"labelText"		"." 			//change this
		"fgcolor"		"0 255 0 180"
		"textAlignment"	"center"
	}

4) The field name will be used in your clientscheme file to adjust font settings.   fgcolor adjusts the color of your crosshair values go from 0 - 255. The first 3 are for Red Green Blue.   The last one is for transparency 0 being transparent and 255 being opaque.

5) Now open up resources folder and open the clientScheme file. Locate the Fonts section by scrolling down.   Within the first { paste the following in.
	"CrossHairNormal"
	{
		"1"
		{
			"name"		"symbol"		//change this
			"tall"		"18"
			"weight"	"0"
			//"additive"	"0"
			//"antialias"	"1"
			"outline" "1"
		}
	}

6) What this does is it enables you to choose the type of font denoted by "symbol" which is the font i am currently using.   Also it allows you to adjust the size of your hud crosshair and whether you would like an outline which is basically a shadow.

7) Next while still inside the clientscheme file scroll all the way to the bottom. There should be a section that says custom font files.   Here is what you will be inputting in this format.
		"9"
		{
			"font" "resource/symbol.ttf"
			"name" "symbol"
		}
8) What you will do is look at the custom font files and add that in as the next custom font file. This allows your hud to go into theresources folder where you have pasted your font file to access it and use in as a custom crosshair in our case. So using my hud as an example, my previous custom font file was "8" ie I had 8 other custom font files in use by my hud. So I am adding this font file as number 9. My custom font file in the resources folder is called symbol.ttf therefore it is shown as symbol.ttf
For example if your custom font file was called example.ttf I would enter "font" "resource/example.ttf"