Fonts

yammers · 22 September 2019 19:51

Hi

There I want to add a differnt style of font to the default OSMC skin like a Disney themed font. can some please explain how you do this.

rado.krisi · 22 September 2019 20:08

Maybe this can help. I know this is for Estuary UI but I assume that you can do this with any UI.

Toast · 23 September 2019 07:41

https://kodi.wiki/view/Fonts

yammers · 23 September 2019 18:35

Thank you

this worked

yammers · 23 September 2019 19:40

I have another query

In the font xml file whch font number refer to the locations on the skin so i know which font size to change accordingly

fontset id=“Default”>

	<font>
		<name>Font72</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>68</size>

yammers · 23 September 2019 20:42

hi there i have added a new font set called disney using the existing xml file and by adding in a new font set, however after rebooting osmc displays no txt just lines what am i missing.

<?xml version="1.0" encoding="utf-8"?>

<fontset id="Default">

	<font>
		<name>Font72</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>68</size>
	</font>
	<font>
		<name>Font72-bold</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>68</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font72-light</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>68</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font72-italic</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>68</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font50</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>50</size>
	</font>
	<font>
		<name>Font50-bold</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>50</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font50-light</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>50</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font50-italic</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>50</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font48</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>46</size>
	</font>
	<font>
		<name>Font48-bold</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>46</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font48-light</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>46</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font48-italic</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>46</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font42</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>40</size>
	</font>
	<font>
		<name>Font42-bold</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>40</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font42-light</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>40</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font42-italic</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>40</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font36</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>34</size>
		<linespacing>1.3</linespacing>
	</font>
	<font>
		<name>Font36-bold</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>34</size>
		<linespacing>1.3</linespacing>
		<style>bold</style>
	</font>
	<font>
		<name>Font36-light</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>34</size>
		<linespacing>1.3</linespacing>
		<style>lighten</style>
	</font>
	<font>
		<name>Font36-italic</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>34</size>
		<linespacing>1.3</linespacing>
		<style>italics</style>
	</font>
	<font>
		<name>Font33</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>31</size>
	</font>
	<font>
		<name>Font33-bold</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>31</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font33-light</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>31</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font33-italic</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>31</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font30</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>28</size>
	</font>
	<font>
		<name>Font30-bold</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>28</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font30-light</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>28</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font30-italic</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>28</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font29</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>26</size>
	</font>
	<font>
		<name>Font29-bold</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>26</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font29-light</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>26</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font29-italic</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>26</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font27</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>25</size>
	</font>
	<font>
		<name>Font27-bold</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>25</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font27-light</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>25</size>
		<linespacing>1.3</linespacing>
		<style>lighten</style>
	</font>
	<font>
		<name>Font27-italic</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>25</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font25</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>23</size>
		<linespacing>1.3</linespacing>
	</font>
	<font>
		<name>Font25-bold</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>23</size>
		<linespacing>1.3</linespacing>
		<style>bold</style>
	</font>
	<font>
		<name>Font25-light</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>23</size>
		<linespacing>1.3</linespacing>
		<style>lighten</style>
	</font>
	<font>
		<name>Font25-italic</name>
		<filename>SourceSansPro-Regular.ttf</filename>
		<size>23</size>
		<linespacing>1.3</linespacing>
		<style>italics</style>
	</font>

	<!-- System Info fixed width -->
	<font>
		<name>SystemInfo</name>
		<filename>SourceCodePro-Regular.ttf</filename>
		<size>24</size>
	</font>

	<!-- Required for system -->
	<font>
		<name>font13</name>
		<filename>Arial.ttf</filename>
		<size>21</size>
	</font>

</fontset>

<fontset id="Arial">

	<font>
		<name>Font72</name>
		<filename>Arial.ttf</filename>
		<size>68</size>
	</font>
	<font>
		<name>Font72-bold</name>
		<filename>Arial.ttf</filename>
		<size>68</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font72-light</name>
		<filename>Arial.ttf</filename>
		<size>68</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font72-italic</name>
		<filename>Arial.ttf</filename>
		<size>68</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font50</name>
		<filename>Arial.ttf</filename>
		<size>50</size>
	</font>
	<font>
		<name>Font50-bold</name>
		<filename>Arial.ttf</filename>
		<size>50</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font50-light</name>
		<filename>Arial.ttf</filename>
		<size>50</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font50-italic</name>
		<filename>Arial.ttf</filename>
		<size>50</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font48</name>
		<filename>Arial.ttf</filename>
		<size>46</size>
	</font>
	<font>
		<name>Font48-bold</name>
		<filename>Arial.ttf</filename>
		<size>46</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font48-light</name>
		<filename>Arial.ttf</filename>
		<size>46</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font48-italic</name>
		<filename>Arial.ttf</filename>
		<size>46</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font42</name>
		<filename>Arial.ttf</filename>
		<size>40</size>
	</font>
	<font>
		<name>Font42-bold</name>
		<filename>Arial.ttf</filename>
		<size>40</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font42-light</name>
		<filename>Arial.ttf</filename>
		<size>40</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font42-italic</name>
		<filename>Arial.ttf</filename>
		<size>40</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font36</name>
		<filename>Arial.ttf</filename>
		<size>34</size>
		<linespacing>1.3</linespacing>
	</font>
	<font>
		<name>Font36-bold</name>
		<filename>Arial.ttf</filename>
		<size>34</size>
		<linespacing>1.3</linespacing>
		<style>bold</style>
	</font>
	<font>
		<name>Font36-light</name>
		<filename>Arial.ttf</filename>
		<size>34</size>
		<linespacing>1.3</linespacing>
		<style>lighten</style>
	</font>
	<font>
		<name>Font36-italic</name>
		<filename>Arial.ttf</filename>
		<size>34</size>
		<linespacing>1.3</linespacing>
		<style>italics</style>
	</font>
	<font>
		<name>Font33</name>
		<filename>Arial.ttf</filename>
		<size>31</size>
	</font>
	<font>
		<name>Font33-bold</name>
		<filename>Arial.ttf</filename>
		<size>31</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font33-light</name>
		<filename>Arial.ttf</filename>
		<size>31</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font33-italic</name>
		<filename>Arial.ttf</filename>
		<size>31</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font30</name>
		<filename>Arial.ttf</filename>
		<size>28</size>
	</font>
	<font>
		<name>Font30-bold</name>
		<filename>Arial.ttf</filename>
		<size>28</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font30-light</name>
		<filename>Arial.ttf</filename>
		<size>28</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font30-italic</name>
		<filename>Arial.ttf</filename>
		<size>28</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font29</name>
		<filename>Arial.ttf</filename>
		<size>26</size>
	</font>
	<font>
		<name>Font29-bold</name>
		<filename>Arial.ttf</filename>
		<size>26</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font29-light</name>
		<filename>Arial.ttf</filename>
		<size>26</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font29-italic</name>
		<filename>Arial.ttf</filename>
		<size>26</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font27</name>
		<filename>Arial.ttf</filename>
		<size>25</size>
	</font>
	<font>
		<name>Font27-bold</name>
		<filename>Arial.ttf</filename>
		<size>25</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font27-light</name>
		<filename>Arial.ttf</filename>
		<size>25</size>
		<linespacing>1.3</linespacing>
		<style>lighten</style>
	</font>
	<font>
		<name>Font27-italic</name>
		<filename>Arial.ttf</filename>
		<size>25</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font25</name>
		<filename>Arial.ttf</filename>
		<size>23</size>
		<linespacing>1.3</linespacing>
	</font>
	<font>
		<name>Font25-bold</name>
		<filename>Arial.ttf</filename>
		<size>23</size>
		<linespacing>1.3</linespacing>
		<style>bold</style>
	</font>
	<font>
		<name>Font25-light</name>
		<filename>Arial.ttf</filename>
		<size>23</size>
		<linespacing>1.3</linespacing>
		<style>lighten</style>
	</font>
	<font>
		<name>Font25-italic</name>
		<filename>Arial.ttf</filename>
		<size>23</size>
		<linespacing>1.3</linespacing>
		<style>italics</style>
	</font>

	<!-- System Info fixed width -->
	<font>
		<name>SystemInfo</name>
		<filename>teletext.ttf</filename>
		<size>24</size>
	</font>

	<!-- Required for system -->
	<font>
		<name>font13</name>
		<filename>Arial.ttf</filename>
		<size>19</size>
	</font>

</fontset>

<fontset id="Disney">

	<font>
		<name>Font72</name>
		<filename>waltograph.regular.ttf</filename>
		<size>75</size>
	</font>
	<font>
		<name>Font72-bold</name>
		<filename>waltograph.regular.ttf</filename>
		<size>75</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font72-light</name>
		<filename>waltograph.regular.ttf</filename>
		<size>75</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font72-italic</name>
		<filename>waltograph.regular.ttf</filename>
		<size>75</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font50</name>
		<filename>waltograph.regular.ttf</filename>
		<size>57</size>
	</font>
	<font>
		<name>Font50-bold</name>
		<filename>waltograph.regular.ttf</filename>
		<size>57</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font50-light</name>
		<filename>waltograph.regular.ttf</filename>
		<size>57</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font50-italic</name>
		<filename>waltograph.regular.ttf</filename>
		<size>57</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font48</name>
		<filename>waltograph.regular.ttf</filename>
		<size>55</size>
	</font>
	<font>
		<name>Font48-bold</name>
		<filename>waltograph.regular.ttf</filename>
		<size>55</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font48-light</name>
		<filename>waltograph.regular.ttf</filename>
		<size>55</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font48-italic</name>
		<filename>waltograph.regular.ttf</filename>
		<size>55</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font42</name>
		<filename>waltograph.regular.ttf</filename>
		<size>47</size>
	</font>
	<font>
		<name>Font42-bold</name>
		<filename>waltograph.regular.ttf</filename>
		<size>47</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font42-light</name>
		<filename>waltograph.regular.ttf</filename>
		<size>47</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font42-italic</name>
		<filename>waltograph.regular.ttf</filename>
		<size>47</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font36</name>
		<filename>waltograph.regular.ttf</filename>
		<size>41</size>
		<linespacing>1.3</linespacing>
	</font>
	<font>
		<name>Font36-bold</name>
		<filename>waltograph.regular.ttf</filename>
		<size>41</size>
		<linespacing>1.3</linespacing>
		<style>bold</style>
	</font>
	<font>
		<name>Font36-light</name>
		<filename>waltograph.regular.ttf</filename>
		<size>41</size>
		<linespacing>1.3</linespacing>
		<style>lighten</style>
	</font>
	<font>
		<name>Font36-italic</name>
		<filename>waltograph.regular.ttf</filename>
		<size>41</size>
		<linespacing>1.3</linespacing>
		<style>italics</style>
	</font>
	<font>
		<name>Font33</name>
		<filename>waltograph.regular.ttf</filename>
		<size>38</size>
	</font>
	<font>
		<name>Font33-bold</name>
		<filename>waltograph.regular.ttf</filename>
		<size>38</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font33-light</name>
		<filename>waltograph.regular.ttf</filename>
		<size>38</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font33-italic</name>
		<filename>waltograph.regular.ttf</filename>
		<size>38</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font30</name>
		<filename>waltograph.regular.ttf</filename>
		<size>35</size>
	</font>
	<font>
		<name>Font30-bold</name>
		<filename>waltograph.regular.ttf</filename>
		<size>35</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font30-light</name>
		<filename>waltograph.regular.ttf</filename>
		<size>35</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font30-italic</name>
		<filename>waltograph.regular.ttf</filename>
		<size>35</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font29</name>
		<filename>waltograph.regular.ttf</filename>
		<size>33</size>
	</font>
	<font>
		<name>Font29-bold</name>
		<filename>waltograph.regular.ttf</filename>
		<size>33</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font29-light</name>
		<filename>waltograph.regular.ttf</filename>
		<size>33</size>
		<style>lighten</style>
	</font>
	<font>
		<name>Font29-italic</name>
		<filename>Awaltograph.regular.ttf</filename>
		<size>33</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font27</name>
		<filename>waltograph.regular.ttf</filename>
		<size>32</size>
	</font>
	<font>
		<name>Font27-bold</name>
		<filename>waltograph.regular.ttfArial.ttf</filename>
		<size>32</size>
		<style>bold</style>
	</font>
	<font>
		<name>Font27-light</name>
		<filename>waltograph.regular.ttf</filename>
		<size>32</size>
		<linespacing>1.3</linespacing>
		<style>lighten</style>
	</font>
	<font>
		<name>Font27-italic</name>
		<filename>waltograph.regular.ttf</filename>
		<size>32</size>
		<style>italics</style>
	</font>
	<font>
		<name>Font25</name>
		<filename>waltograph.regular.ttf</filename>
		<size>30</size>
		<linespacing>1.3</linespacing>
	</font>
	<font>
		<name>Font25-bold</name>
		<filename>waltograph.regular.ttf</filename>
		<size>30</size>
		<linespacing>1.3</linespacing>
		<style>bold</style>
	</font>
	<font>
		<name>Font25-light</name>
		<filename>waltograph.regular.ttf</filename>
		<size>30</size>
		<linespacing>1.3</linespacing>
		<style>lighten</style>
	</font>
	<font>
		<name>Font25-italic</name>
		<filename>waltograph.regular.ttf</filename>
		<size>30</size>
		<linespacing>1.3</linespacing>
		<style>italics</style>
	</font>

	<!-- System Info fixed width -->
	<font>
		<name>SystemInfo</name>
		<filename>teletext.ttf</filename>
		<size>24</size>
	</font>

	<!-- Required for system -->
	<font>
		<name>font13</name>
		<filename>waltograph.regular.ttf</filename>
		<size>26</size>
	</font>

darwindesign · 23 September 2019 21:14

</fontset>

yammers · 23 September 2019 21:19

where is this missing from please advise

darwindesign · 23 September 2019 21:25

If you open a <tag> you have to close that </tag>. I spotted that one which means you need to check everything. You could use an xml editing program to help you if you want but I don’t have one to recommend to you.

yammers · 23 September 2019 21:35

I still cant see where it is missing from. do i need to ad another closue /font at the end.

yammers · 23 September 2019 21:46

Here is the full file

https://paste.kodi.tv/ololukodav

darwindesign · 23 September 2019 22:14

Seriously? What you posted above is missing that last tag and what you just linked to pastebin is missing the first “<”.

And you are opening a <fonts> tag on line two that you never close.

sam_nazarko · 23 September 2019 22:16

@yammers If you search for XML validator, you’ll find a tool (there are many so find one you like) where you can copy/paste your XML in and receive hints as to why there are problems

Cheers

Sam

yammers · 23 September 2019 22:16

Sorry lol i have found and sorted it.

how do i change the font colour on the osmc skin and the underline colour

yammers · 23 September 2019 22:54

Sorry i have sorted this colour as well.

Next query main Side menu how do i space out the txt a bit more as its being cut off by the ege of my screen

darwindesign · 23 September 2019 23:03

I have never played with modifying a skin but if I did I would probably be searching over in the skin section of the Kodi forum. Although there is no subforum for the OSMC skin, I would think that many of the questions you might have would overlap with different skins.

fzinken · 23 September 2019 23:06

Did this only happen when you changed to the new font or could it be a misconfigured TV?

yammers · 24 September 2019 21:09

This was like this before

resolution ins 1920 by 1080 LG smart TV

fzinken · 24 September 2019 23:06

Change Aspect Mode to 1:1 on the TV