Webfont Instructions
<head>
...
<link rel="stylesheet" type="text/css" href="your_website_domain/css_root/ovaicon.css">
...
</head>
3. Use the icon class on "display: inline"
elements:
Use example: <i class="ovaicon-airplane49"></i>
or <span class="ovaicon-airplane49"></span>
<i class="ovaicon-back"></i>
<i class="ovaicon-next"></i>
<i class="ovaicon-menu"></i>
<i class="ovaicon-download"></i>
<i class="ovaicon-checked"></i>
<i class="ovaicon-menu-1"></i>
<i class="ovaicon-checked-1"></i>
<i class="ovaicon-cancel"></i>
<i class="ovaicon-download-1"></i>
<i class="ovaicon-fast-forward"></i>
<i class="ovaicon-download-2"></i>
<i class="ovaicon-upload"></i>
<i class="ovaicon-login"></i>
<i class="ovaicon-logout"></i>
<i class="ovaicon-previous"></i>
<i class="ovaicon-cancel-1"></i>
<i class="ovaicon-fullscreen"></i>
<i class="ovaicon-next-1"></i>
<i class="ovaicon-more"></i>
<i class="ovaicon-checked-2"></i>
<i class="ovaicon-cancel-2"></i>
<i class="ovaicon-menu-2"></i>
<i class="ovaicon-upload-1"></i>
<i class="ovaicon-list"></i>
<i class="ovaicon-next-2"></i>
<i class="ovaicon-upload-2"></i>
<i class="ovaicon-back-1"></i>
<i class="ovaicon-export"></i>
<i class="ovaicon-shuffle"></i>
<i class="ovaicon-up-arrow"></i>
<i class="ovaicon-fullscreen-1"></i>
<i class="ovaicon-back-2"></i>
<i class="ovaicon-rewind"></i>
<i class="ovaicon-double-chevron"></i>
<i class="ovaicon-next-3"></i>
<i class="ovaicon-next-4"></i>
<i class="ovaicon-fullscreen-2"></i>
<i class="ovaicon-next-5"></i>
<i class="ovaicon-download-3"></i>
<i class="ovaicon-repeat"></i>
<i class="ovaicon-diagonal-arrow"></i>
<i class="ovaicon-resize"></i>
<i class="ovaicon-upload-3"></i>
<i class="ovaicon-upload-4"></i>
<i class="ovaicon-menu-3"></i>
<i class="ovaicon-back-3"></i>
<i class="ovaicon-download-4"></i>
<i class="ovaicon-resize-1"></i>
<i class="ovaicon-download-5"></i>
<i class="ovaicon-next-6"></i>
<i class="ovaicon-fast-forward-1"></i>
<i class="ovaicon-download-6"></i>
<i class="ovaicon-back-4"></i>
<i class="ovaicon-download-7"></i>
<i class="ovaicon-next-7"></i>
<i class="ovaicon-back-5"></i>
<i class="ovaicon-upload-5"></i>
<i class="ovaicon-diagonal-arrow-1"></i>
<i class="ovaicon-back-6"></i>
<i class="ovaicon-next-8"></i>
<i class="ovaicon-diagonal-arrow-2"></i>
<i class="ovaicon-rewind-1"></i>
<i class="ovaicon-upload-6"></i>
<i class="ovaicon-upload-7"></i>
<i class="ovaicon-previous-1"></i>
<i class="ovaicon-download-8"></i>
<i class="ovaicon-diagonal-arrow-3"></i>
<i class="ovaicon-next-9"></i>
<i class="ovaicon-calendar"></i>
<i class="ovaicon-calendar-1"></i>
<i class="ovaicon-alarm-clock"></i>
<i class="ovaicon-stopwatch"></i>
<i class="ovaicon-calendar-2"></i>
<i class="ovaicon-calendar-3"></i>
<i class="ovaicon-calendar-4"></i>
<i class="ovaicon-calendar-5"></i>
<i class="ovaicon-alarm-clock-1"></i>
<i class="ovaicon-wall-clock"></i>
<i class="ovaicon-loupe"></i>
<i class="ovaicon-search"></i>
<i class="ovaicon-speech-bubble"></i>
<i class="ovaicon-comment"></i>