-
1Copy the "Fonts" files and CSS files to your website CSS folder.
-
2Add the CSS link to your website source code on header.
<head>
...
<link rel="stylesheet" type="text/css" href="your_website_domain/css_root/college.css">
...
</head> -
3Use the icon class on "display:inline" elements:
Use example: <i class="clg clg-acoustic-guitar"></i> or <span class="clg clg-acoustic-guitar"></span> -
网页模板 Message:When an icon pack is downloaded from flaticon the pack has a pre-defined standard name "Flaticon" - this as you can imagine can cause conflicts between multiple packs, as each pack has the same name and all of the files are named the same: Fonts, CSS , Font Family etc.
For the use in our template and due to conflicts with other icon packs from flaticon we have modified this set and re-named the set (including CSS classes & files) to it's original icon pack name - "College".
The original icon pack can be downloaded here: http://www.flaticon.com/packs/college
Please note that the original pack does not work correctly, due to the way the class names have been put together, only 80% of the icons work.
This demo file has also been modified to represent the changes - as can be seen in this demo, all of the fonts work using the modified class names.