If I could marry a “thing” it would most definitely be a font. I love fonts because they are so beautiful and sexy. Be still my beating heart Factoria, you make me weak in the knees. However, like any relationship, they can be complicated, especially when you are embedding them into a wordpress site. Loading fonts directly using CSS3 @font-face is not always the best solution but sometimes you just really need those bad boys!
The most direct way of adding custom fonts is by adding the fonts using CSS3
@font-face method. This method allows you to use any font that you like on your website.
The first thing you need to do is download the font that you like in a web format. If you do not have the web format for your font, then you can convert it using the FontSquirrel Webfont generator.
Once you have the webfont files, you would need to upload it on your web hosting server. You can use FTP or File Manager of your cPanel to upload the font. Once you have uploaded the font, you need to load the font in your theme’s stylesheet using CSS3 @font-face rule like this:
Don’t forget to replace the font-family and URL with your own. After that you can use that font anywhere in your theme’s stylesheet.