@font-face { font-family: 'Mono Social Icons Font'; src: url('../fonts/MonoSocialIconsFont-1.10.eot'); src: url('../fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'), url('../fonts/MonoSocialIconsFont-1.10.woff') format('woff'), url('../fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'), url('../fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg'); src: url('../fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'); font-weight: normal; font-style: normal; } .symbol, a.symbol:before { font-family: 'Mono Social Icons Font'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; } a.symbol { color: #cdd4da; font-size: 2rem; text-decoration: none; margin-right: 0.3rem; } a.symbol:hover { color: #BCD4DA; }