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
+10.7k Golang : Read directory content with os.Open
+2.7k Golang : Muxing with Martini example
+2.9k Golang : Build and compile multiple source files
+2.6k Unix/Linux : How to fix CentOS yum duplicate glibc or device-mapper-libs dependency error?
+3.8k Golang Hello World Example
804 Golang : How to check if a website is served via HTTPS
+3.5k How to let Facebook Login button redirect to a particular URL ?
+4.2k Golang : How to check if your program is running in a terminal
+1k Golang : How to fix html/template : "somefile" is undefined error?
+1.5k Golang : Generate multiplication table from an integer example
+10.5k Swift : Convert (cast) Int to int32 or Uint32
+10.9k Golang : Time slice or date sort and reverse sort example