[css] 크롬에서 bold설정하면 폰트 흐려지는 현상



내가 진짜 이것때문에 얼마나 많은 사이트를 뒤져대고 얼마나 많은 시간을 들였으며

얼마나 많은 사람들에게 질문을 했던가…….

stackoverflow에다 질문 올렸는데 아무도 대답안해줌 흥

근데 외국인들이 해결해줄 수도 없는 문제이긴 했음….ㅋㅋㅋ…ㅋㅋㅋㅋㅋ….


결국에는 해결을 못해서 bold를 쓰지 말자… 라고 결론을 냈었는데….

늘 마음한편에 자리잡은 이 문제.. 어쩌다보니 우연찮게 해결하게 되어따…

오늘 그 시간을 끝내따….!!!!!!!!!!!!!!!! (。T ω T。)


진심으로 너무 기쁘다 (ಥ﹏ಥ)


우리회사는 돋움을 쓴다.

우선 폰트가 엄청 중요하다.

돋움을 쓰는데 bold를 같이 줘버리면 폰트 또한 동시에 변경되면서 볼드깨짐 현상이 일어나고

뭔가 스머징된것 같은 느낌의 폰트가 나타난다.. 색도 이상하고 뭐 여튼

다 이상함…!!!

이럴때는

font-weight:bold;
font-family:sans-serif;

font-family:sans-serif; 넣어주면 됨….

bold됐을때의 폰트를 읽지못하는것 같다. 그래서 bold처리 된 부분에는 sans-serif를 항상 넣어주면 깨짐 현상없이 잘 된당

근데 또 font-family:’돋움’,’sans-serif’; 이렇게 넣으면 안됨

미치고 팔짝뛸노릇

아시는분있으면 댓글좀 냄겨주세욤…..


어디서 진짜 많이 본게

-webkit-font-smoothing: antialiased; 이거 쓰라는 말 진짜 많이 봤는데 이 문제가 아님….

bold되었을때 폰트가 존재해야하는 문제라 지정해주어야함 흑흑

해결해따니 너무 기쁘군







© 2018. by sora

Powered by sora