웹폰트 적용 시 익스플로러에서 엑스박스가 출력되는 문제 해결법

요즘 저작권 문제 없이 제공되는 예쁜 웹폰트가 많다. 이 웹폰트를 적용할 때 엣지나 크롬 등 다른 브라우저에서는 정상적으로 보이는데 익스플로러에서는 위 그림과 같이 웹폰트 적용 웹페이지에 엑스박스가 출력되는 경우가 있다. 

이 엑스박스는 <br>태그를 쓸 때 빈줄이 출력되는 것이 아니라 엑스박스가 출력되는 것이다. 익스플로러가 이상해서 그런거다. 

그렇다면 css style에서 br 태그 적용 시에만 글자체를 바꾸면 된다. 

br{font-family: 'Dotum';}

이렇게.

요즘 익스플로러를 아직도 쓰는 곳이 많다. 특히 공공기관이 많다. 

익스플로러는 웹표준에 따라가지도 못하지만 보안상으로는 더 문제가 크다. 이거 개발한 마이크로소프트에서도 더 이상 익스플로러 쓰지 말라고 경고했다. 

이상한 규제 만들어서 기업들 감놔라 배놔라하는 거 다 좋은데 공공기관 스스로부터 돌아보는 자세도 필요하지 싶다. 아무리 내로남불의 시대라지만. 

 

반응형