카테고리 없음

유튜브 및 크롬 폰트 강제 변경, stylish 사용방법

스뭇 2022. 11. 29.

안녕하세요.

자막이 있는 유튜브를 PC로 보다가 맥에서 보이는 자막 폰트가 가독성이 떨어진다는 생각을 하게 되었습니다.

현재는 클리앙 개편때 인기를 끌었던 스타일리쉬를 사용해서 임의의 웹폰트로 변경해서 사용중입니다.

1) 원래의 유튜브 화면 (Google I/O 2017 Keynote, 순다르 사랑 고백씬)

2) 폰트를 변경한 유튜브 화면 (제주고딕체)

스타일리쉬 사용법에 대해서는

(클리앙개편때 올라왔던) 다른 팁에서 참고하실 수 있으리라 생각되고 다음 코드블럭을 사용하시면 됩니다.

@import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);

.html5-video-player .captions-text span {

font-family: 'Jeju Gothic', sans-serif !important;

}

사용가능한 다양한 웹폰트는 아래 주소에서 고르실 수 있습니다.

https://fonts.google.com/earlyaccess

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

'Korean'으로 검색하시면 익숙한 폰트들(한나체 등등)을 보실 수 있습니다.

각 단락에서 얻으실 수 있는 정보는 다음과 같습니다.

1) Link : @import 에 적어야 할 주소,

2) Example : font-family에 적어야 할 예제

예제를 그냥 사용하셔도 되는데 마지막에 " !important"를 꼭 추가하셔야 합니다

위의 예제라면 font-family : 'Jeju Gothic', sans-serif !important;

매우 못생긴 PC웹 유튜브의 한글자막 폰트를 가독성 높은 본고딕으로 변경하는 방법입니다.

스타일리시 stylish 크롬 확장프로그램 및 회원가입이 필요합니다.

https://chrome.google.com/webstore/detail/stylish-custom-themes-for/

로그인 후 확장프로그램을 열고 Editor 에 들어가서

Domains 에 www.youtube.com 를 넣어준 후

아래와 같은 코드를 넣어주고 save 하시면 됩니다.

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


.html5-video-player .captions-text span {


    font-family: 'Noto Sans KR', sans-serif!important; font-weight: 500!important;


}