How to install a Typopixo font
Give it a try by downloading our free demo font!
You can easily install the font by following these 4 steps:
Include a JQuery.
For the webfont to work correctly you'll need to include a jQuery, so make sure you include the following script:
Include the Typopixo library
or, if you just copied the library to the js folder:
If you've placed the library in any other folder on your server, just replace js/ for: name_folder/ (as long as you include the path to the folder of placement).
The font PNG
As mentioned before, the .zip package contains a PNG file which bears the name of the font you just purchased (for example zita.png) and includes all glyphs of the font. Copy the PNG file to your server. It is advisable to create a new folder on your server called 'fonts' and place the file there. If, of course, you've already got such a folder, just place the PNG file there.
There's one Javascipt file left in your .zip package and that is the font .js (i.e. zita.js). Copy the js file to your server as well (you can also place it in the fonts folder on your server) and include it in your website with the following line:
(make sure you include the path to the folder which contains the js file)
NOTE! The js file you just included contains the location of the PNG file you placed on your server at step 3. To make sure the path in this file is correct, open the file in a text editor and include the path to the PNG file in the following line:
Using a Typopixo font
After following the steps above your webpage should look somewhat like this:
If you have any further questions or if you need help with the installation of a Typopixo font, please don't hesitate and contact us !