HOW-TO:Add a new true type font to the skin

From Official Kodi Wiki
Jump to: navigation, search
Home icon grey.png   ▶ Development ▶ Add-on development ▶ Skinning ▶ Skinning Tutorials ▶ HOW-TO:Add a new true type font to the skin

See more about supported font types/formats: Fonts

This explains how to change the font for the Confluence skin. Font files go in in XBMC/media/fonts (to make them available to all skins), or in the XBMC\addons\skin.confluence\fonts folder if the font file is to be used with Confluence only.

  1. Place the TTF ( such as verdana.ttf from your PC (C:\Windows\Fonts)) files in XBMC\Media\Fonts.
  2. Edit the file XBMC\addons\skin.confluence\720p\Font.xml and replace it's contents with the following [see below].
  3. Copy-paste the file Font.xml into XBMC\addons\skin.confluence\720p\.
  4. Finally go to settings\appearance\fonts and switch from Default to Default-NoCaps, Arial or Verdana.

Font.xml

<fonts>
	<fontset id="Default" idloc="31390" unicode="true"> 
	<!-- Normal Fonts -->
	 	<font>
			<name>font10</name>
			<filename>DejaVuSans.ttf</filename>
			<size>12</size>
		</font>
	 	<font>
			<name>font12</name>
			<filename>DejaVuSans.ttf</filename>
			<size>16</size>
		</font>
	 	<font>
			<name>font12caps</name>
			<filename>DefaultCaps.ttf</filename>
			<size>16</size>
		</font>
	 	<font>
			<name>font13</name>
			<filename>DejaVuSans.ttf</filename>
			<size>20</size>
		</font>
	 	<font>
			<name>font13caps</name>
			<filename>DefaultCaps.ttf</filename>
			<size>20</size>
		</font>
	 	<font>
			<name>font16caps</name>
			<filename>DefaultCaps.ttf</filename>
			<size>25</size>
		</font>
	 	<font>
			<name>font30</name>
			<filename>DejaVuSans.ttf</filename>
			<size>30</size>
		</font>
	 	<font>
			<name>fontContextMenu</name>
			<filename>DejaVuSans.ttf</filename>
			<size>18</size>
		</font>
 
 
	<!-- Title Fonts -->
	 	<font>
			<name>font10_title</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>12</size>
		</font>
	 	<font>
			<name>font12_title</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>16</size>
		</font>
	 	<font>
			<name>font13_title</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>20</size>
		</font>
	 	<font>
			<name>font24_title</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>24</size>
		</font>
	 	<font>
			<name>font28_title</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>28</size>
		</font>
	 	<font>
			<name>font30_title</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>30</size>
		</font>
	 	<font>
			<name>font35_title</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>35</size>
		</font>
	 	<font>
			<name>font50caps_title</name>
			<filename>DejaVuSans-Bold-Caps.ttf</filename>
			<size>50</size>
		</font>
 
	 	<font>
			<name>WeatherTemp</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>80</size>
		</font>
	</fontset>
 
	<fontset id="Default_NoCaps" idloc="31391" unicode="true">
	<!-- Normal Fonts -->
	 	<font>
			<name>font10</name>
			<filename>DejaVuSans.ttf</filename>
			<size>12</size>
		</font>
	 	<font>
			<name>font12</name>
			<filename>DejaVuSans.ttf</filename>
			<size>16</size>
		</font>
	 	<font>
			<name>font12caps</name>
			<filename>DejaVuSans.ttf</filename>
			<size>16</size>
		</font>
	 	<font>
			<name>font13</name>
			<filename>DejaVuSans.ttf</filename>
			<size>20</size>
		</font>
	 	<font>
			<name>font13caps</name>
			<filename>DejaVuSans.ttf</filename>
			<size>20</size>
		</font>
	 	<font>
			<name>font16caps</name>
			<filename>DejaVuSans.ttf</filename>
			<size>25</size>
		</font>
	 	<font>
			<name>font30</name>
			<filename>DejaVuSans.ttf</filename>
			<size>30</size>
		</font>
	 	<font>
			<name>fontContextMenu</name>
			<filename>DejaVuSans.ttf</filename>
			<size>18</size>
		</font>
 
 
	<!-- Title Fonts -->
	 	<font>
			<name>font10_title</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>12</size>
		</font>
	 	<font>
			<name>font12_title</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>16</size>
		</font>
	 	<font>
			<name>font13_title</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>20</size>
		</font>
	 	<font>
			<name>font24_title</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>24</size>
		</font>
	 	<font>
			<name>font28_title</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>28</size>
		</font>
	 	<font>
			<name>font30_title</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>30</size>
		</font>
	 	<font>
			<name>font35_title</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>35</size>
		</font>
	 	<font>
			<name>font50caps_title</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>50</size>
		</font>
 
	 	<font>
			<name>WeatherTemp</name>
			<filename>DejaVuSans-Bold.ttf</filename>
			<size>80</size>
		</font>
	</fontset>
 
	<fontset id="Arial" idloc="31392" unicode="true">
	<!-- Normal Fonts -->
	 	<font>
			<name>font10</name>
			<filename>Arial.ttf</filename>
			<size>12</size>
		</font>
	 	<font>
			<name>font12</name>
			<filename>Arial.ttf</filename>
			<size>16</size>
		</font>
	 	<font>
			<name>font12caps</name>
			<filename>Arial.ttf</filename>
			<size>16</size>
		</font>
	 	<font>
			<name>font13</name>
			<filename>Arial.ttf</filename>
			<size>20</size>
		</font>
	 	<font>
			<name>font13caps</name>
			<filename>Arial.ttf</filename>
			<size>20</size>
		</font>
	 	<font>
			<name>font16caps</name>
			<filename>Arial.ttf</filename>
			<size>25</size>
		</font>
	 	<font>
			<name>font30</name>
			<filename>Arial.ttf</filename>
			<size>30</size>
		</font>
	 	<font>
			<name>fontContextMenu</name>
			<filename>Arial.ttf</filename>
			<size>18</size>
		</font>
 
 
	<!-- Title Fonts -->
	 	<font>
			<name>font10_title</name>
			<filename>Arial.ttf</filename>
			<size>12</size>
		</font>
	 	<font>
			<name>font12_title</name>
			<filename>Arial.ttf</filename>
			<size>16</size>
		</font>
	 	<font>
			<name>font13_title</name>
			<filename>Arial.ttf</filename>
			<size>20</size>
		</font>
	 	<font>
			<name>font24_title</name>
			<filename>Arial.ttf</filename>
			<size>24</size>
		</font>
	 	<font>
			<name>font28_title</name>
			<filename>Arial.ttf</filename>
			<size>28</size>
		</font>
	 	<font>
			<name>font30_title</name>
			<filename>Arial.ttf</filename>
			<size>30</size>
		</font>
	 	<font>
			<name>font35_title</name>
			<filename>Arial.ttf</filename>
			<size>35</size>
		</font>
	 	<font>
			<name>font50caps_title</name>
			<filename>Arial.ttf</filename>
			<size>50</size>
		</font>
 
	 	<font>
			<name>WeatherTemp</name>
			<filename>Arial.ttf</filename>
			<size>80</size>
		</font>
	</fontset>
 
	<fontset id="Verdana" unicode="true">
	<!-- Normal Fonts -->
	 	<font>
			<name>font10</name>
			<filename>Verdana.ttf</filename>
			<size>12</size>
		</font>
	 	<font>
			<name>font12</name>
			<filename>Verdana.ttf</filename>
			<size>16</size>
		</font>
	 	<font>
			<name>font12caps</name>
			<filename>Verdana.ttf</filename>
			<size>16</size>
		</font>
	 	<font>
			<name>font13</name>
			<filename>Verdana.ttf</filename>
			<size>20</size>
		</font>
	 	<font>
			<name>font13caps</name>
			<filename>Verdana.ttf</filename>
			<size>20</size>
		</font>
	 	<font>
			<name>font16caps</name>
			<filename>Verdana.ttf</filename>
			<size>25</size>
		</font>
	 	<font>
			<name>font30</name>
			<filename>Verdana.ttf</filename>
			<size>30</size>
		</font>
	 	<font>
			<name>fontContextMenu</name>
			<filename>Verdana.ttf</filename>
			<size>18</size>
		</font>
 
 
	<!-- Title Fonts -->
	 	<font>
			<name>font10_title</name>
			<filename>Verdana.ttf</filename>
			<size>12</size>
		</font>
	 	<font>
			<name>font12_title</name>
			<filename>Verdana.ttf</filename>
			<size>16</size>
		</font>
	 	<font>
			<name>font13_title</name>
			<filename>Verdana.ttf</filename>
			<size>20</size>
		</font>
	 	<font>
			<name>font24_title</name>
			<filename>Verdana.ttf</filename>
			<size>24</size>
		</font>
	 	<font>
			<name>font28_title</name>
			<filename>Verdana.ttf</filename>
			<size>28</size>
		</font>
	 	<font>
			<name>font30_title</name>
			<filename>Verdana.ttf</filename>
			<size>30</size>
		</font>
	 	<font>
			<name>font35_title</name>
			<filename>Verdana.ttf</filename>
			<size>35</size>
		</font>
	 	<font>
			<name>font50caps_title</name>
			<filename>Verdana.ttf</filename>
			<size>50</size>
		</font>
 
	 	<font>
			<name>WeatherTemp</name>
			<filename>Verdana.ttf</filename>
			<size>80</size>
		</font>
	</fontset>
</fonts>

See also

Development:

Personal tools
Namespaces

Variants
Actions
Navigation
Wiki help
Toolbox