@font-face { font-family: 'arangodbfont'; src:url('../fonts/arangodbfont.eot'); src:url('../fonts/arangodbfont.eot?#iefix') format('embedded-opentype'), url('../fonts/arangodbfont.woff') format('woff'), url('../fonts/arangodbfont.ttf') format('truetype'), url('../fonts/arangodbfont.svg#arangodbfont') format('svg'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'arangodbfont'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="arango-icon-"] { */ .arango-icon-disk, .arango-icon-comment, .arango-icon-uncomment, .arango-icon-export, .arango-icon-import, .arango-icon-remove, .arango-icon-remove-2, .arango-icon-trashcan, .arango-icon-undo, .arango-icon-redo, .arango-icon-loop { font-family: 'arangodbfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .arango-icon-disk:before { content: "\21"; } .arango-icon-comment:before { content: "\22"; } .arango-icon-uncomment:before { content: "\23"; } .arango-icon-export:before { content: "\24"; } .arango-icon-import:before { content: "\25"; } .arango-icon-remove:before { content: "\26"; } .arango-icon-remove-2:before { content: "\27"; } .arango-icon-trashcan:before { content: "\28"; } .arango-icon-undo:before { content: "\29"; } .arango-icon-redo:before { content: "\2a"; } .arango-icon-loop:before { content: "\2b"; }