Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Download the ocha-icons.zip file
  2. Copy the '/fonts' directory and 'style.css' file to your project, updating the url paths for the font face in 'style.css' if necessary
  3. You can define a css class 'icon-ocha' to set the font size, color, position, etc for all ocha icons 

    Code Block
    languagecss
    .icon-ocha {
    	color: #046bb5;
    	font-size: 24px;
    	left: 25px;
    	position: absolute;
    	top: 10px;
    }


  4. 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
    languagexml
    <i class="icon-ocha icon-education"></i> Education


  5. The rendered markup:

Image Added


...


How to add icons to the icon set:

...