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>
<i class="ovaicon-comment-1"></i>
<i class="ovaicon-chat-comment-oval-speech-bubble-with-text-lines"></i>
<i class="ovaicon-message"></i>
<i class="ovaicon-chat"></i>
<i class="ovaicon-conversation"></i>
<i class="ovaicon-speech-bubble-1"></i>
<i class="ovaicon-chat-1"></i>
<i class="ovaicon-oval-black-speech-bubble"></i>
<i class="ovaicon-user"></i>
<i class="ovaicon-user-1"></i>
<i class="ovaicon-group"></i>
<i class="ovaicon-group-1"></i>
<i class="ovaicon-customer"></i>
<i class="ovaicon-user-2"></i>
<i class="ovaicon-folder"></i>
<i class="ovaicon-folder-1"></i>
<i class="ovaicon-page"></i>
<i class="ovaicon-document"></i>
<i class="ovaicon-page-blank"></i>
<i class="ovaicon-file"></i>