«   2022/01   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          
Archives
Today
62
Total
864,818
관리 메뉴

래빗 크리스

크롬 웹브라우저에서 굵은 한글 희미하거나 깨져 보이는 현상 해결 본문

2. 컴퓨터 이야기/소프트웨어

크롬 웹브라우저에서 굵은 한글 희미하거나 깨져 보이는 현상 해결

래빗 크리스 2021. 12. 3. 10:18

OS 가 돋움/굴림/바탕/궁서 등과 돋움체/굴림체/바탕체/궁서체 등에 대해서 굵은 글씨를 지원하지 않아서, 크롬이 이를 자체적으로 지원해 왔는데.. 간혹 이 기능이 빠져서 사용자가 불편을 경험하게 되는 현상. 크롬 뿐만 아니라 크로뮴 엣지에서도 발생하는데, 그나마 네이버 웨일에서는 발생하지 않음.

 

크롬의 경우 크롬 앱스토어에서 'Stylish' (다른 프로그램을 사용해도 됨) 확장 프로그램을 설치하고 아래와 같이 세팅하면, 상기 폰트들을 'Malgun Gothic' (맑은 고딕)으로 바꿔주기 때문에 볼드체도 제대로 보임. 다만, 기본 세팅은 볼드체도 src:local('...') 로 노말 폰트가 적용되기 때문에, 아래와 같이만 세팅하는 것을 추천함.

 

 

 

 

@font-face { font-family: "돋움"; src: local("Malgun Gothic"); } 
@font-face { font-family: "돋움체"; src: local("Malgun Gothic"); } 
@font-face { font-family: dotum; src: local("Malgun Gothic"); } 
@font-face { font-family: DotumChe; src: local("Malgun Gothic"); } 

@font-face { font-family: "굴림"; src: local("Malgun Gothic"); } 
@font-face { font-family: "굴림체"; src: local("Malgun Gothic"); } 
@font-face { font-family: Gulim; src: local("Malgun Gothic"); } 
@font-face { font-family: GulimChe; src: local("Malgun Gothic"); } 

@font-face { font-family: "바탕"; src: local("Malgun Gothic"); } 
@font-face { font-family: "바탕체"; src: local("Malgun Gothic"); } 
@font-face { font-family: Batang; src: local("Malgun Gothic"); } 
@font-face { font-family: BatangChe; src: local("Malgun Gothic"); } 

@font-face { font-family: "궁서"; src: local("Malgun Gothic"); } 
@font-face { font-family: "궁서체"; src: local("Malgun Gothic"); } 
@font-face { font-family: Gungsuh; src: local("Malgun Gothic"); } 
@font-face { font-family: GungsuhChe; src: local("Malgun Gothic"); } 
 

1 Comments
댓글쓰기 폼