

Vicasso is an elegant modern font, that comes with unique characteristics and high quality details. Because of its high quality details and visual appealing Vicasso font is suitable for most design needs. Download file contains both TTF and OTF file.ĭublin is a typeface that inspired from old and vintage road-sign letters in England / Great Britain. Suits best for vintage / classic designs, logo, signage, headline, etc. Revelation is a nice stencil sans-serif typeface. Moonface Script is a characteristic font with a retro feel. It is based on the 20th Century Packaging typo. Moonface Script from TypeFaith Fonts is a flowing script with lovely swashes. If you’re unable to follow any of the steps, contact me and I will help you.If you’re looking for more great fonts similar to these high quality fonts, check out these Must Have Free Retro Fonts and Top Quality Free Fonts for Designers ! Moonface Script Once you have decided the font-size, font-weight and font color, you can go back to your styles.css file and apply the css code. If you’ve followed the guide correctly, your new fonts should appear. Head over to Google Chrome Inspector and test your new fonts by changing the value under font-family as shown in the example above. If you want to test your new fonts on your site.

Change the path of your fonts in the following way.Įxample of CSS Code for Premium Font Installation:Īfter pasting the appropriate CSS code, save the styles.css file in your active theme. Past the css code towards the top of your styles.css file of your active theme. Then, open the css file in the downloaded folder, and copy the css code. Log in to your FTP client, go to your website’s active theme folder (I’m assuming you’re on a self-hosted WordPress site) and create a new folder named “fonts”. Let’s take the example of FileZilla, the popular FTP client. If you’re able to do it, you can contact me to do it for you for a nominal fee.

If you’re unable to install the fonts or calling the fonts via CSS file, your fonts won’t appear on your website at all.įirst of all, you should have work knowledge with any FTP client. This is often the most important step of all. Step #5: Uploading Web Fonts - Things You Should Keep in Mind Unzip the folder and proceed to the next step. Usually, the downloaded folder is zipped and include necessary files such as CSS files and a demo file apart from the font files in woff and woff2 file format. When the conversion is complete, click on the download button to download the font files in desired formats. The process of converting a font file is pretty simple - all you have to do is click on the “Add fonts” button and then click on the “convert” button. I’ve used Font Squirrel font generator but in many cases, it doesn’t let you upload font files belong to a particular font family. However, my favorite is Transfonter because it allows you to upload and convert any font without any restriction. There are many FREE font generators out there. A font generator essentially converts a font file with a particular file format into the desired format. But you need to convert them to woff and woff2 file format to be able to use them on your website. Usually, the font files are in the otf file format. Step #4: Downloading and Converting Fonts for Website Use – The Right Way You will see results from with links to font files. For example, if you want to download Proxima Nova, head over to Google Search and type “Proxima Nova + Github”. The other trick is to search font within Github repository. Simply search for your favorite font’s name with free download and you will come across some websites that let you download those fonts free.

What if your favorite premium font is unavailable for free download? It’s time to turn to Google. No string attached! Step #3: Search for the Fonts on Google - Keywords You Should Use If you’re lucky, you can also find many fonts for free download - yes, they are completely free.
