@font-face { font-family: 'fontello'; src: url('../../font-fontello/font/fontello.eot?61524859'); src: url('../../font-fontello/font/fontello.eot?61524859#iefix') format('embedded-opentype'), url('../../font-fontello/font/fontello.woff2?61524859') format('woff2'), url('../../font-fontello/font/fontello.woff?61524859') format('woff'), url('../../font-fontello/font/fontello.ttf?61524859') format('truetype'), url('../../font-fontello/font/fontello.svg?61524859#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('./font/fontello.svg?96601966#fontello') format('svg'); } } */ [class^="fto-"]:before, [class*=" fto-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* makes sure icons active on rollover in links */ /* a [class^="fto-"], a [class*=" fto-"] { display: inline-block; } */ .fto_small:before { font-size: 0.875rem; } .fto_large:before { font-size: 1rem; } .fto_0x { font-size: 1.125rem; } .fto_1x { font-size: 1.375rem; } .fto_2x { font-size: 2rem; } .fto_3x { font-size: 3rem; } .fto_4x { font-size: 4rem; } .fto_mar_lr2 { margin-left: 4px; margin-right: 4px; } .fto_mar_r4 { margin-right: 4px; }