...
- Download the ocha-icons.zip file
- Copy the '/fonts' directory and 'style.css' file to your project, updating the url paths for the font face in 'style.css' if necessary
You can define a css class 'icon-ocha' to set the font size, color, position, etc for all ocha icons
Code Block language css .icon-ocha { color: #046bb5; font-size: 24px; left: 25px; position: absolute; top: 10px; }
In your markup you can then append the class name specified in 'style.css' for the specific icon you want to include on your page
Code Block language xml <i class="icon-ocha icon-education"></i> Education
- The rendered markup:
...
How to add icons to the icon set:
...