Font changing info/guide

[bitter・little・sweetie.]

Now, a few years ago I asked Pulseh directly on dA; how would one go about changing the fonts in PixelVision? Plainly speaking Segoe's a great font sure but it gets a little plain after seeing it everywhere (what with being the default Windows font).

Pulseh being the great guy he/she is, answered promptly and let me know how. I'm not sure if there's an existing guide in this group forum (good lord I hadn't realized there was one), so I'll just outline it here. (Having to re-change my fonts after updating the skin an hour ago reminded me)
As anyone who has poked around in PixelVision's files knows, just about all the configuration & layout files are easily opened in Notepad, so you can just use that to edit the skin to suit yourself, or in this case, change fonts.
The mandatory disclaimer is that doing so is at your own risk, and Pulseh does not explicitly support this (or at least that's what they said at the time, I don't know about their present stance.) and says that the main problem is alignment, which tends to vary with differing fonts' width. Likewise, this guide is offered without any warranty, expressly implied or otherwise, etc.
Example.[dl.dropboxusercontent.com]


Anyhow, moving on, for starters;
General fonts
This affects the majority of text presented by the Steam client such as the games list and details, top bar, taskbar notification pullup, etc. Start here first if you want to get the quickest and simplest, yet most comprehensive change. This also affects other Steam dialogs such as Store updates, and settings menus.
steam\skins\PixelVision\resource\styles\tweaks\ft_segoewp.styles
"basefont" affects almost all text in the Steam client, while the "semibold" field affects heavier text, which includes the notification bar pull-up and the alert fonts.
As an example, if, say I want Century Gothic for my main font and HelveticaNeue in a medium weight for my highlights, the above file should read:

"resource/styles/tweaks/avatar.styles"
{
	colors
	{
		basefont="Century Gothic"
		semibold="HelveticaNeue LT 65 Medium"
	}
}

The font names must be entered as per their name in your system, and that includes any odd suffixes for fonts in individual weights (hence the "LT 65 Medium"). It isn't too sensitive to meSseD UP caPITALizatIOn though.

Alternatively, if you are an XP user using the "Alternate Font Tweak" that instead targets ft_segoeui.styles, make sure you edit that instead!
You can also adjust the other resource targets in PxVs' other base config files, but just editing the ft_segoewp.styles or ft_segoeui.styles files are an awful lot easier.



Now this is where it gets a bit harder.
From here on you're digging into the .layout files in the resource folder, but fortunately there's just two you need to beeline for. (I think.)
In these files you're going to want to look out for a specific data field:

font-family="Segoe WP"

Steam Navigation Bar
This applies to the Navigation Bar on the top of the Steam client, below the dropdown menus. That is, the big Store, Library, Community and (ME) links.
steam\skins\PixelVision\resource\layouts\uinavigatorpanel.layout
This is a pretty thick file, so I recommend using Ctrl+F and searching for "Segoe WP". Replace that with whatever you prefer. Note that you might have to adjust margins on your own, but it seems the current version of the skin has automated padding via fixed margins. Yay! Back then I had to adjust those margins manually or the text would clip into the icons.
You're looking for this:

CUINavButton [!$OSX]
		{
			textcolor="Labelfocus"
			font-size=26
			font-family="Segoe WP"
			font-weight=400 
			font-style="outerglow"
			font-outerglow-color="TextD"
			font-outerglow-offset=1
			font-outerglow-filtersize=5
			padding-left=5
			padding-right=5
			bgcolor="none"
		}

EDIT: I might have just remembered that the padding layout etc. is actually in a different file, which may not have been affected by my updating the skin. I'll check it later...


Games Details Links
This refers to the set of LINKS & CATEGORIES headers for the stuff on the far right of a games detail page, which are by default a Segoe WP Bold.
steam\skins\PixelVision\resource\layouts\steamrootdialog_gamespage_details.layout
This file has several instances of Segoe WP, so just use the Replace command (Ctrl+H) to replace "Segoe WP".
But if you're curious, the entries you are looking for are something like

rightcolumnheadertext
		{
			inset="-9 0 0 0"
			textcolor=label2
			font-size=17
			font-family="Segoe WP"
			font-weight=700
			font-style=uppercase;
			padding-top=12
			padding-left=10

And there's one for each color style.



Those are the three main files you need to hit up and look through if you want to personalize PixelVision a little bit more with your own choice of fonts, and yet another reason to get PixelVision - to escape from the mundanity of Segoe UI! I hope this info helps - let me know if I missed something.

[ګćĦۼŕžعҖїᾐﻭ]

WOW! Nice guide! I don't need it personaly but many are asking about the fonts, the sizes and stuff. That should help them pretty good. Nice work