Fontello : How to load and use fonts?
Problem :
You have downloaded the Fontello fonts that you wanted and now you want to get the fonts to display on your webpage. How to call the fonts?
Solution :
A typical Fontello font zip file should have directory structure that look like this :
Load the CSS file for the pages you want to use the fonts. For example, on this website. I would load the CSS file on the header section like this :
<link rel="stylesheet" type="text/css" media="screen" href="https://www.socketloop.com/public/assets/fonts/fontello/css/fontello.css">
The fontello.css file should be the default CSS file to load and it handles everything from there.
NOTE : adjust the include path(
href
) to suit your website structure.To invoke the font, you can use
class="fontello-icon-NAME"
in the place where you want the font to appear. For example, in this page Like Us On Facebook widget, the Facebook Fontello font is called by :<i class="fontello-icon-facebook></i>
Hope this simple tutorial can be useful to you.
Reference :
https://github.com/fontello/fontello/wiki/How-to-use-fontello-fonts-in-your-project
By Adam Ng
IF you gain some knowledge or the information here solved your programming problem. Please consider donating to the less fortunate or some charities that you like. Apart from donation, planting trees, volunteering or reducing your carbon footprint will be great too.
Advertisement
Tutorials
+13.6k Golang : Get all local users and print out their home directory, description and group id
+10.2k Golang : flag provided but not defined error
+7.7k Golang : GMail API create and send draft with simple upload attachment example
+9.4k Golang : How to unmarshal JSON inner/nested value and assign to specific struct?
+4.5k Golang : ROT32768 (rotate by 0x80) UTF-8 strings example
+20.1k SSL : How to check if current certificate is sha1 or sha2
+9.4k Golang : Interfacing with PayPal's IPN(Instant Payment Notification) example
+14.4k Golang : Read large file with bufio.Scanner cause token too long error
+3.7k JavaScript : Rounding number to decimal formats to display currency
+6.1k Golang : Example of custom handler for Gorilla's Path usage.
+3.9k JQuery : Calling a function inside Jquery(document) block