맥북/아이맥 사파리 한글폰트 변경 (부제: 궁서체에서 벗어나기)

목차

 

본론 전 TMI

고주인은 열심히 아이디어와 일상을 기록하기 위해 원래 네이버 블로그를 시작하였습니다. 그러나 1일 1포스팅은 정말 어렵더라고요. 평일에 눈 뜨면 무조건 나가서 햇볕 쬐고, 해지면 집에 들어와서 노곤하니 퍼지고 말이죠. 평일 밖에 있을 수 있는 자유를 누리느라 포스팅은 조금 뒷전입니다. 하하

 

추가적인 변명을 하자면, 요즘 집에서 장식품으로 쓰던 아이맥 21.5를 사용하는데 사파리를 쓰면 일부 사이트가 아래처럼 보여서 불편하기 때문인데요.

고주인 네이버 블로그(현재 티스토리로 이사 중)

궁서체(or 명조체)라니. 그것도 부분적으로 말이죠.🙃 MBTI가 J로 끝나는 저로서는 용납할 수 없습니다. 차라리 온통 궁서체라면 덜 신경 쓰였을 겁니다.

 

그래서 오늘은 귀차니즘을 이기고 사파리의 폰트 바꾸기를 시도한 기록을 해보겠습니다.

 

CSS를 활용한 맥 사파리 폰트 변경 절차 4단계

사파리에 적용코자 하는 폰트 맥에 설치

개인적으로 '나눔바른고딕'을 좋아해서 아래 네이버 공식 '한글한글아름답게' 웹페이지에서 나눔 폰트 패밀리를 다운 받고 설치했습니다. 다른 폰트를 선호하신다면 원하시는 폰트 TTF 파일을 받고 맥북/아이맥에 설치해 주세요.

 

텍스트 편집기로 CSS 파일 만들기

CSS(스타일시트)는 html을 꾸며주는 역할을 하는 아이인데 무슨 말인지 모르시겠다면 그냥 아래 파일을 다운 받으셔서 사용하시면 됩니다. 첨부된 파일은 나눔바른고딕 기준의 파일입니다.

NanumBarunGothic.css

0.00MB

위 파일 받으셔서 '텍스트 편집기'로 열어보시면 내용은 아래와 같은데요. 폰트는 나눔바른고딕과 Arial로, 폰트 사이즈는 13으로 지정해 두었습니다.

* {
font-family: NanumbarunGothic, Arial !important;
font-size: 13px;
}

만약 폰트 타입과 폰트 사이즈를 변경하고 싶으시면 NanumbarunGothic, Arial, 13 이 세 부분을 변경해 주시면 됩니다. 단, 설치된 폰트의 영문명을 잘 확인하고 기입하셔야 제대로 적용이 됩니다.

 

CSS파일 사파리에 적용

상단에 Safari 버튼 > 환경설정... > '고급' 탭 > '스타일 시트' 드롭다운 메뉴 > '기타...' 선택 > 위에 만들어둔 CSS파일 선택 > 환경설정 창 종료 순으로 클릭하시면 됩니다. 이 과정을 아래에 사진 갤러리 형태 안내해 드리니 사진을 옆으로 넘기시면서 보시기 바랍니다.

012

CSS파일을 활용한 사파리 폰트 변경 과정(옆으로 넘기시면 다음 사진 나옵니다)

 

아름답게 적용된 사파리 폰트 확인

이제 google이든 네이버든 어디든 접속해 보세요. 그럼 아래처럼 부분적으로 나타나던 궁서체 폰트들이 사라진 것을 확인하며 기쁨을 만끽하실 수 있을 것입니다.

나눔바른고딕 적용된 사파리 화면

 

지금까지 고주인이었습니다.