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.
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.
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.
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
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.
Now for the Sub Menu Font we need line 78 or there about.
Again we can change the Font size.
This is what we achieved.
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++
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.
The lines i am going to change are Lines 2,4,6 and 12.
And this is what we ended up with.
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
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Â .