맥 사파리 가독성 높이기

OS X  및 iOS 기본 브라우저인 Safari는

Mac 및 iPhone & iPad 등 여러 Apple 기기를 같이 사용할 때 생각보다 쓸만한 브라우저 입니다.

특히나, MacBook 계열에서 전원을 배터리로 사용했을 때 가장 길게 웹서핑을 할 수 있는 브라우저가 바로 Safari 입니다.

그러나 이 Safari의 치명적인 단점이 있다면 바로 글꼴.

크롬이나 파이어폭스처럼 글꼴만 개별적으로 설정이 불가능하고,

기본적으로 제공하는 한글 글꼴이 명조체라 가독성이 엄청 떨어지는 편입니다.

제가 따로 운영하는 네이버 블로그로 예를 들면,

왼쪽은 CSS를 적용하지 않았을때, 오른쪽은 D2Coding 서체로 설정했을 때 입니다.

이번 내용은 CSS 파일 (스타일시트) 를 통해 웹페이지에서 사용하는 HTML 소스 위에 CSS로 원하는 시스템 글꼴로 덮어씌우는 작업을 통하여 글꼴을 개선해 가독성을 높이는 작업입니다.

해딩 팁에서는 네이버에서 무료로 제공하는 나눔고딕으로 진행하겠습니다.

---

네이버에서 TTF/OTF 나눔고딕을 다운받습니다. (또는 아래 이미지를 클릭합니다)

다운받은 뒤, 압축을 풀고 설치 프로그램을 실행하여 나눔고딕 서체를 설치합니다.

Font.css.zip

위 첨부 파일을 다운받습니다.

압축을 풀고, 도큐먼트 폴더에 넣어줍니다.

사파리 > 환경설정(Cmd ,) > 고급 탭으로 들어갑니다.

스타일 시트에 다운 받은 Font.css 파일을 적용시키면 사파리 폰트가 변경됨을 확인할 수 있습니다.