How to add custom font in ThemeIsle's themes

ThemeIsle's themes are compatible with all custom fonts available on the web. In this tutorial we'll learn how easy is to integrate any custom font with our themes. 

You can add your custom font in four easy steps: 

1) Choose the web font you want to use ( It must be with the format eg .eot, .svg, .ttf and .woff).

2) Upload the font files on your server (create a folder called named fonts for example, and add the files in it). 

3) Download Simple Custom CSS plugin for adding CSS code ( Download link). 

4) Add code given below in Custom CSS area (Appearance -> Custom CSS):

@font-face {
	    font-family: "YOUR FONT NAME";
	    src: url("http://FONT ADDRESS/ YOUR FONT NAME.eot");
	    src: url("http://FONT ADDRESS / YOUR FONT NAME.eot?#iefix") format("embedded-opentype"),
	        url("http://FONT ADDRESS / YOUR FONT NAME.woff") format("woff"),
	        url("http://FONT ADDRESS / YOUR FONT NAME.ttf") format("truetype"),
	        url("http://FONT ADDRESS / YOUR FONT NAME.svg#fontname") format("svg");

h1, h2, h3, h4, h5, h6, a, p, span {
	font-family: "YOUR FONT NAME";

Make sure you replace "YOUR FONT NAME" with the name of the font, and http://FONT ADDRESS with the path to your fonts.

Hope I have covered all points for adding custom font in theme.

In case of any query, feel free to contact our  support forum.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.