Add Custom fonts to Flatsome
Adding custom fonts to Flatsome is easy with a bit of 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, .mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: "Custom Font Name", sans-serif;}
Heading font:
h1,h2,h3,h4,h5,h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{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/
Alternative plugin
We recommend this plugin for custom fonts since the Use Any Font is a paid plugin: https://wordpress.org/plugins/custom-fonts/
Remember
Disable fonts if you want to use custom fonts only.
Flatsome loads Google Fonts by default. You can disable the loading of Google fonts in
Theme Options → Style → Typography