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
+3.9k Linux/Unix/PHP : Restart PHP-FPM
+10.2k Golang : Pass database connection to function called from another package and HTTP Handler
+3.1k Python : Find out the variable type and determine the type with simple test
+6.6k Golang : Gaussian blur on image and camera video feed examples
+14.3k Golang : Get own process identifier
+5.5k Android Studio : AlertDialog to get user attention example
+27.5k error: trying to remove "yum", which is protected
+16.4k Android Studio : AlertDialog and EditText to get user string input example
+13k Golang : Read integer from file into array
+3.1k Linux/MacOSX : Search and delete files by extension
+4.2k Get website traffic ranking with Similar Web or Alexa
+24.1k Golang : Convert CSV data to JSON format and save to file