- 작성 기준 : 크롬브라우저 사용자
- MacBook 사용자와 MS Windows의 크롬사용자 모두 참고 가능합니다.
단, Code 적용 부분이 다르니, 자세히 보시면 됩니다.
다수의 웹사이트는 가독성이 좋은 글꼴을 제공하지 않고, 브라우저에 설정된 Default 글꼴로 보여줍니다.
이로인해 (사용자마다 호불호가 가리겠지만), 저의 경우엔 웹서핑을 하면서 불편하더라고요~
특히, 레티나 맥북을 사용하면서... 가독성이 좋은 폰트가 더욱 절실하게 만들게 되어.. 저 스스로가 방법을 찾게 되었습니다.
그래서, 여러가지 시도를 하면서 찾아낸 방법을 공유 드립니다.
결론부터 말씀 드리면, '나눔고딕' 폰트와 크롬확장 프로그램 'Stylus'를 활용하는 방법입니다.
1. '나눔고딕' 폰트 설치
- 네이버(naver.com)에서 '나눔고딕 다운' 검색어를 통해 다운로드 페이지로 이동
- 아래 그림과 같이 '다운로드' 버튼을 클릭하게 되면
접속한 PC의 OS( MS Windows, MacOS)에 맞는 폰트로 다운로드 제공
- 다운로드를 하게 되면 Download 폴더로 자동 저장
- 다운로드 받은 폰트를 2번 클릭해서 폰트 설치
2. 크롬 확장프로그램 'Stylus' 설치
- Google 검색 사이트에서 '크롬 확장 프로그램' 검색어로 'Chrome 웹 스토어' 주소 확인
- 아래 그림과 같이 'Stylus'를 검색해서 해당 확장 프로그램 추가
- 추가를 하게 되면 오른쪽 끝네 대문자 S로 보이는 아이콘이 보입니다. 'Manage' 버튼 클릭
- 'Write new style' 버튼 클릭
- 아래 그림과 같이 Style 명( Web Font NanumGothic )을 입력하고,
- 아래 첨부 화일을 텍스트 에디터로 열람해서 Copy 한 후에 Code 부분엔 Paste 해 주세요.
: NanumGothic_Stylus_(MacOS).txt ← MacBook 사용자용
: NanumGothic_Stylus_(Windows).txt ← MS Windows 사용자용
- 아래 이미지는 Stylus를 통해 나눔고딕 폰트를 적용하기전과 후의 비교 그림
본인이 사용하는 PC에 설치된 폰트로 설정 하는 것이기 때문에 각 PC 마다 보이는 글꼴이 조금씩 다를 수 있습니다. 사용하고 싶은 폰트가 있으면 설치하고 다시 설정 하기 바랍니다.
많은 도움이 되셨기를 바라며.. jun02appa가..