| CMS | 기타 |
|---|
https://stackoverflow.com/questions/45883243/thicker-text-after-applying-mix-blend-mode-difference
상기 url과 같이 css mix-blend-mode를 사용할 경우 글자가 두꺼워집니다.(본인 사이트가 아니라 본문에 url남겼습니다;)
이유가 궁금하기도 하고, 두꺼워지지 않기 위한 해결방안 같은게 있는지도 궁금해서 찾아보다가 답을 못찾아 타운에 질문글 올려봅니다..^^; 저에게 가르침을 주세요!ㅎㅎ
?
네ㅠ 댓글에 적힌 것들 하나하나 해보았는데 안되더라구요^^;
지금까지 크고 굵은 글씨에만 적용해보았어서 모르고 지나쳤는데 작은 글씨에 해보니 굵어진 느낌이 들어서 찾아보니 두꺼워진게 맞더라구요 ㅎㅎ 해결방안은 그렇다치더라도 원인만이라도 알고 싶어 남겨보았습니다!(그냥 단순히 궁금해서요..ㅠㅎㅎ)
댓글에 누가 쓴 것처럼 mix-blend-mode를 활성화하면 렌더링 방식 자체가 달라진다고 보는 것이 타당할 것 같습니다. 요즘 나오는 복잡한 CSS 속성들은 GPU에서 처리하는 부분이 많은데, 이 때 일반적인 폰트 안티앨리어싱이나 서브픽셀 렌더링 기법을 그대로 적용하기는 어려우니까요. 윈도우 기본 ClearType이 전체적으로 가늘게 나오는 편이라, 다른 방식을 사용하면 굵어진다는 느낌이 드는 것이 정상일 겁니다.
CSS transform도 마찬가지인데, rotate, skew, perspective 등 이것저것 실험하다 보면 어느 순간 갑자기 글자가 달라 보일 때가 있습니다. 윈도우 기본 렌더링 방식을 포기하고 GPU에 떠넘기는 시점이 그 때이겠지요.
?
링크하신 질문글에 달려 있는 댓글들을 보니 원인에 대한 추측과 다양한 해결책이 제시되어 있고, 유저들끼리 서로 된다 안 된다 말이 많은데요. 정말로 되는지 해 보셨나요?