In this tutorial we will teach you how to add custom font to the website, we will use @fontface technology to add new fonr. After end of reading go to the main page where all Joomla tutorials are located.
Find the custom font that you want to add to website and download it. (file .ttf)
Different browsers supports different font formats, to add custom font to website and to have correct displaying on every browser you have to generate your font. For example:
To get all needed file extensions we need to use Font Face generator.
After generating all files Use FTP or file manager to upload all fonts on your website, in folder...mywebsite/css. Create folder - "fonts".
To add custom fonts to website use @fontface. Just add the following code into style.css
font-family: "Harabara Bold";
Now the custom font is added to website and you can use it:
font-family: 'Harabara Bold', Arial, sans-serif;