Bits and pieces of my life
Having fun with glyph icons!

I have been having lots of fun with glyph icons lately..and here are the two icon websites I found to be useful when it comes to CSS coding:
Icomoon is also great for icons as it offers a wide variety of delectable icons. However, I don't quite understand how to put it to use. Well, if you're wondering why glyph icons are said to be really cool..take a look here to find out why. It's simply easy;
  • to change the size
  •  to change the color
  • to shadow their shape
I'm so excited, I wanna write a tutorial on glyph icon usage in CSS coding. Here's how you do it;
  • choose an icon from here
  • paste the below codes under the tag <head>
<link href="//" rel="stylesheet"> <link href="//" rel="stylesheet">
  • Place Font Awesome icons just about anywhere with the <i> tag.
example: <i class="icon-camera-retro"></i>
  • To increase the size of icons relative to its container, useicon-largeicon-2x,icon-3xor icon-4x.
..and walla! have fun...

Newer Posts Older Posts