Add Custom fonts to Flatsome

Adding custom fonts to Flatsome is easy with a bit custom CSS and font upload plugins.

Add this custom CSS to your settings together with custom uploaded fonts.

Base font:

body{font-family:  "Custom Font Name",  sans-serif}

Navigation font:

.nav > li > a {font-family:  "Custom Font Name", sans-serif;}

Heading font:

h1,h2,h3,h4,h5,h6, .heading-font{font-family: "Custom Font Name", sans-serif;}

Alt font:

.alt-font{font-family: "Custom font name", sans-serif;}

Custom font upload

We recommend this plugin for custom font upload:  https://wordpress.org/plugins/use-any-font/

TypeKit fonts

We recommend this plugin to use TypeKit fonts:  https://wordpress.org/plugins/typekit-fonts-for-wordpress/

Remember

Disable Google fonts if you want to use custom fonts only.

Flatsome loads Google Fonts by default. You can disable loading of Google fonts in
Theme Options → Style → Typography