XEICON 네모로 깨지는 이유

 

style.css에서 import해서 잘 쓰다가 어제 보니 이렇게 뜨던것. 

이 방식이 막혔나 싶어서 head태그 안에 link도 걸어봤음

근데 안됨... 

근데 새 프로젝트에서 link걸어서 똑같이 넣었는데 이건 또 되더라.

 

이유는, 

*에 font-family를 걸어서기때문.

i  에 font-family: xeicon!important; 를 해보자 ... 안된다. 

i::before에 content가 걸려서 아이콘이 출력되기때문에

i::before{
    font-family: xeicon !important;
}

i::before에 font-family를 걸어줘야한다.