Bento Font !

[PJP2007]

How can I change the Bento font ?
I want Segoe UI not Arial

[DJ Egg]

Which area do you want to change?

1. The main player songticker?

Winamp > Prefs > Skins > Modern Skins > Font Rendering tab:
Checkmark "Use skin font mapper"
Click the "Configure SFM" button
Select Arial from the drop-down menu, and remap to: Segoe UI
Click 'New' then 'Set'.

Note that, depending on the font, you might notice a bit of an overlap in the InfoPane (where cover art is shown, etc), but hopefully this will get addressed for the next release.

2. The Media Library / Playlist?
(affects all skins)

Winamp > Prefs > Playlist > Use Font: change here
Winamp > Prefs > Media Library > Library Options: ML uses same font as playlist

3. Other?

[TheUniqueTiger]

@DJ Egg:

Here's a screenshot by mapping Arial to Segoe UI link... I'm also using Segoe UI font for Playlist/ML... As you can see the file info pane shows a rough/pixelated appearance (and I've not set it to Segoe UI Bold!) while the songticker/PL/ML which uses the same font shows a smoother appearance. I'm using ClearType for smoothening fonts, but this isn't smooth by any standards. This is the reason why I had once requested a smoother font for Bento in the 5.5 beta thread.

[DJ Egg]

[Edit]

As from v5.51, the only entry you need to change in the player-normal-mcv.xml file is:

Change all antialias="0" entries to antialias="1"

[/Edit]

__________________________________________________________


Screenshot?

If it's larger than 100k, upload it to stashbox.org and post the link here.

At a guess, you're referring to:

Winamp > Prefs > Skins > Modern Skins > Font Rendering tab

Use Skin Font Mapper > Configure Skin Font Mapping

Map font: Arial
Into: Segoe UI
Click: New / Set

Yes?

If so, then try the following:


In Explorer, go to the 'Winamp\Skins\Bento\xml' folder
(or 'Big Bento\xml' folder, if using that)


Open this file in Notepad:

player-normal-mcv.xml


Note: I strongly recommend that you make a backup first.


Scroll down to (line 469):

<!-- Info:Component:InfoDisplay -->


Change (line 527): <groupdef id="infodisplay.line.rating" >

<group id="infodisplay.line.rating.stars" x="0" y="0" w="0" relatw="1" />

To, for example:

<group id="infodisplay.line.rating.stars" x="25" y="0" w="0" relatw="1" />


Then change the relevant x="0" values:


From: <Text id="text.title"
x="0" y="0" w="0" relatw="1" h="12"

To: <Text id="text.title"
x="60" y="0" w="0" relatw="1" h="12"


From: <Text id="text.artist"
x="64" y="0" w="0" relatw="1" h="12"

To: <Text id="text.artist"
x="64" y="0" w="0" relatw="1" h="12"


etc etc etc


Change all antialias="0" entries to antialias="1"

Note that this might be the only setting(s) that you need to change,
i.e. you might not even need to edit the x="" values at all
(I've no way of knowing this without having that particular font on my system).


Save the xml file.


Hit F5 in Winamp to refresh the skin.


If necessary, keep editing the x="" values until you get it looking right.



I don't have Segoe UI font here (is that a Vista system font?), so can't help with getting the exact x="" values for you, but someone mentioned using Digital Dream font in one of the beta threads, and I managed to get that looking pretty sweet.


Digital Dream - Before

Digital Dream - After


See attached xml (zipped)
(compare the two files to see what I've changed)


Sure, without knowing/seeing what the Segoe UI font looks like, there's a strong probability that my x="" settings for the Digital Dream font are too high for the Segoe UI font, so you'll need to adjust them accordingly.

Note that the xml file must be named: player-normal-mcv.xml
It's just named player-normal-mcv(Digital-Dream-Font).xml in my attachment for the purpose of this tutorial, and also if I ever want to restore it for my own personal usage.

If you manage to get it looking right, then maybe you could attach the (zipped) player-normal-mcv(Segoe-UI-Font).xml file here for others to use?

[TheUniqueTiger]

Thanks DJ Egg... I'm trying, and shall possibly come out with a correct solution. I'll get back soon...

[TheUniqueTiger]

Here's a player-normal-mcv(Segoe-UI-font).xml for those who want to map the Arial font to Segoe UI (like me!)... Out of the five elements for file info shown in the multi-content view (mcv), the lowest one gets clipped by 1 pixel, but thats how I had to adjust the fontsize...

@ DJ Egg :
Changes made: Under each of the headings mentioned in the above post by DJ Egg, I've changed the following

for each id="label" -> y="-1", fontsize="14", antialias="1"

for each id="text.xyz" -> y="-1", fontsize="14", h="13", antialias="1" and x="#" depending on the component.

Please note that I've tried fontsize="13" with the Segoe UI font, but it looks too small to read on 1024*768 screen, so I made it 14, but the downside is that the lowest info gets clipped at the bottom by 1 pixel. DJ Egg, if you can please tell me how to adjust the height of the mcv (and if required the main window)... (increasing it by 1 pixel would just be perfect!)
And as you said antialias="1" for all the values did the job, but I felt increasing the fontsize would be for the better.

EDIT: Yes, Segoe UI is the default Vista font, looks really good. I got it along with a transformation pack!

Please use attachment in post below instead.

[TheUniqueTiger]

Oops!!! I made a silly mistake which resulted in the clipping mentioned in the last post...

for each id="label" updated h="13", which fixed the clipping issue.

Here's the updated file...

@DJ Egg, no need for increasing the height of mcv by 1 pixel, sorry.

EDIT: Thanks DJ Egg for the guidance... Now I've satisfactorily edited the xml files on my comp, and solved all the font problems for the Bento tabs and the songticker.

[DJ Egg]

Sweet, good job.

Any chance of seeing Before & After screenshots?

(use slashdot.org)

If it looks any good, I might try hunt down the font myself ;-)

Oh, and be sure to make a backup copy of your player-normal-mcv(segoe-ui-font).xml file, because player-normal-mcv.xml will get overwritten on Winamp upgrades
(though I guess you could always just download it from this thread again :-)

[flocksoft]

@DJ Egg
Microsoft, some time ago, released worlwide the Segoe UI font (the default font in Windows Vista): it's optimized for Cleartype, Postscrpt & TrueType versions available

get it here: http://www.softpedia.com/get/Others/...tem-Font.shtml (I don't remember the link on Microsoft site)

more informations:
- http://msdn2.microsoft.com/en-us/library/aa511295.aspx
- http://msdn2.microsoft.com/en-us/library/aa511282.aspx

[jmbattle]

flocksoft, strangely enough, while this archive includes the complete Segoe family, it does not actually include the Segoe UI font.

However, this is not so terribly difficult to find on the interweb.

Cheers,
James
x

[flocksoft]

right! some inconsistencies: the Softpedia page is for Segoe UI, but the archive contains the Segoe (non UI) font

"Segoe UI and Segoe are not the same font. Segoe is the brand font intended for print and Segoe UI is the Windows font intended for user interface text strings."
from http://msdn2.microsoft.com/en-us/library/aa511282.aspx

[TheUniqueTiger]

@DJ Egg,
As said above, I've customized the Bento skin files on my comp for the Segoe UI font, including the main window songticker and the Bento tabs (the things I was so annoyed about during the beta testing!)... Thanks for your guidance. If you want I can zip all the files and put it up here, along with the new screenshot. (I'm too glad to have solved the font issue!)

[DJ Egg]

@TheUniqueTiger
Yeah, go for it.

[TheUniqueTiger]

Using Bento with Segoe UI font

This attachment is for those Winamp fans who wish to pleasurably use the Segoe UI font (The default Vista font) with the new Winamp Bento skin. This includes a few tweaks in the Bento skin xml files and nothing more. I made these tweaks for the Bento (not Big Bento), but you may try it with Big Bento if it works... (I haven't tested!)

Instructions:
1. Go to Winamp Prefs -> Modern Skins -> Font Rendering tab -> Configure Skin Mapping -> Map Arial to Segoe UI -> New/Set.
2. Download the ZIP file attached below.
3. Extract the contained files to the following folder...
%WinampDir%\Skins\Bento\xml
(Usually its C:\Program Files\Winamp\Skins\Bento\xml)
4. To change your PL and ML font to Segoe UI... Go to Prefs -> Playlist -> Uncheck Use skin or language pack font, below that select Use font: Segoe UI... I would recommend Playlist font size 11, then go to Media Library in Prefs -> Library Options tab -> in Advanced Library Preferences, check Media Library uses same font as Playlist Editor.

** Please note that on extracting these files, it will overwrite the default files, so it is recommended to backup the original files.

** For future Winamp upgrades/installation over your existing installation, these files will be overwritten by the default installation files. If you wish to continue using these files after such installation, you'll have to extract the files in this ZIP files once again to the same directory as mentioned above.

** Special thanks to DJ Egg once again and all the Winamp Devs...

(@ DJ Egg, please download this font and check these files. The font is good anyway.)
(Please let me know if these xml files still need some modification.)

[TheUniqueTiger]

And here's a screenshot of how Winamp looks on my computer (Bento skin with a color theme made by me, and of course using the Segoe UI font!)