Change Font and Color in Kodi

KODI SKINNING HELP TUTORIALS

 

I am back again to see what we can do when we Change Font and Color in Kodi. This is another great tutorial as part of our new Kodi Skinning Help Tutorials.

 

The first thing we will look at is the font How to add a different font from the default font that comes with Kodi. I have all ready covered this in the Back To Basics section which can be found here.

But to finish of the complete Build i will show you in the Skinning section aswell.

 

OK first we want to go and find a font that has the format of .TTF (True Type Font). One of the most popular sites is 1001 Fee Fonts which is here

 

Just to re-cap where we left off last time

We have done everything apart from adding  a new Font and some Color.

Change Font and Color in Kodi

 

Change Font and Color in Kodi.

First we will deal with the Menu Bar Font/Text.

Once we have our .TTF file we need to put it in the Font folder with in your build Font Folder.

In my case i will be using two types of Font One will be for the Menu Bar and One will be for the Sub Menu Bar.

 

Here are my two Files.

Change Font and Color in Kodi

 

So now i will Copy these two files and paste them in this directory.

Windows c:/user/AppData/Roaming/Kodi/addons/Aeon Nox Masters/fonts

Android Android/Data/org.xbmc.Kodi/Files/Kodi/addons/Aeon nox/fonts

 

Like so.

Change Font and Color in Kodi

 

Now that is that out of the way ,what we need to do now is find the .xml file so that we can change the name of the font.

 

We do that by going to.

Windows c:/user/AppData/Roaming/Kodi/addons/Aeon Nox Masters/1080i folder and opening it up with Notepad++

Android Android/Data/org.xbmc.Kodi/Files/Kodi/addons/Aeon nox/1080i

Change Font and Color in Kodi

 

Now we have to find the correct lines that will implement the changes.

For the Menu Bar it will be line 138 or there about.

 

You will also see that you can change the Font Size.

Change Font and Color in Kodi

 

Now for the Sub Menu Font we need line 78 or there about.

 

Again we can change the Font size.

Change Font and Color in Kodi

 

This is what we achieved.

Change Font and Color in Kodi

 

So that is the Font changed.

 

So lets have a go at changing the color, Now there are 2 ways that we can change the color.

 

1 – We can change from with in Kodi its self.

OR

2 – We can change through the Color folder.

 

I will show you the second option.

 

The folder can be located.

Windows c:/user/AppData/Roaming/Kodi/addons/Aeon Nox Masters/colors folder and opening it up with Notepad++

Android Android/Data/org.xbmc.Kodi/Files/Kodi/addons/Aeon nox/colors.

 

And its the Default we need to open in Notepad++

Change Font and Color in Kodi

Once we open in Notepad++ we will see this.

I have given you a little description of what i know what each line will change.

Change Font and Color in Kodi

The lines i am going to change are Lines 2,4,6 and 12.

 

And this is what we ended up with.

Change Font and Color in Kodi

Change Font and Color in Kodi

11

 

So there you have it People.

We have changed the Text and the Text Color.

Have a play around i’m sure you will enjoy your changes.

 

Dont forget its all trial and error.

Ok that is this one completed Till next time dont forget to check out my earlier Tutorials  in the Kodi Skinning section.

 

Also check out Damos Skinning Tools HERE and HERE

 

You can catch up with all my earlier Tutorials Just click on any of the links below

Menu Bar Part 1

Menu Bar Part 2

Sub Menu Bar

Sub Menu Highlight Bar

Time Section

RSS Bar

 

Ok that’s me done with this one.

Till next time

Be Good

 

If you have any questions or need any help, you can Follow me on Twitter HERE .

 

EBOX Best Android TV Box

 

More Stories
Install the Stream Engine Kodi Addon
error: Alert: Content is protected !!