Add at very very bottom to EXTRA.css template of your style:
/* <----- start FONTS ------->*/
@font-face {
font-family: 'ecliptic';
src: url('./styles/default/xenforo/fonts/ecliptic.eot');
src: url('./styles/default/xenforo/fonts/ecliptic.ttf') format("truetype")...
