Mac 사파리 궁서체를 기본 폰트 변경하는 방법

Mac

Mac에서 사파리를 이용해 웹서핑을 할 때 웹페이지의 폰트가 궁서체로 표현되는 경우가 있는데요.

개발자 입장에서 보면 웹을 개발할 때 특별한 이유가 없다면 시스템 기본 글꼴을 사용하며 돋움이나 맑은 고딕, Apple SD Gothic Neo와 같은 시스템 폰트가 기본 폰트로 지정됩니다.

하지만 개발자가 default font를 굴림, 돋움과 같이 macOS에서 없는 폰트로 지정한 경우 사파리에서는 기본값인 궁서체로 나타나게 되며 가독성이 떨어질 수 있는데요.

사파리에서 기본 폰트를 변경하는 옵션은 제공하지 않지만 CSS를 이용하면 사파리의 폰트를 시스템 기본 폰트인 Apple SD Gothic Neo로 지정할 수 있습니다.

사파리 폰트 변경 CSS 적용하기

윈도우 기본 폰트가 스타일시트에 default font로 정의되어 있는 경우 Mac의 사파리에서 궁서체로 표현되는데요.

이러한 윈도우 기반의 기본 폰트가 스타일시트에 정의되어 있는 경우 macOS의 시스템 기본 폰트인 Apple SD Gothic Neo로 대체하는 스타일시트를 사파리에 적용해 궁서체 대신 맥 시스템 기본 글꼴로 웹페이지를 표현할 수 있습니다.

아래 CSS를 다운로드 받은 후 사파리에 적용하면 되며 자세한 설명은 다음과 같습니다.

사파리 폰트 변경 Css 적용하기 1
사파리 설정
  1. 사파리를 연 다음 상단 메뉴바에서 Safari > 설정을 클릭합니다.
사파리 폰트 변경 Css 적용하기 2
스타일 시트 설정
  1. 고급 탭을 선택합니다.
  2. 고급 옵션에서 스타일 시트를 클릭 후 기타를 선택합니다.
사파리 폰트 변경 Css 적용하기 3
CSS 파일 선택
  1. 앞서 다운로드 받은 CSS 파일을 선택합니다.
사파리 폰트 변경 Css 적용하기 4
스타일 시트 적용
  1. 궁서체를 시스템 기본 폰트로 대체하는 스타일 시트가 적용되면 웹페이지를 새로고침해서 잘 적용되었는지 확인합니다.

사파리에 적용한 스타일 시트 파일은 삭제하면 설정이 풀리기 때문에 문서와 같은 폴더에 옮겨놓고 적용하시길 바랍니다.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Fill out this field
Fill out this field
유효한 이메일 주소를 입력해주세요.

맥북 카카오톡 2개 실행하는 방법
[macOS] 맥북 카카오톡 2개 실행하는 방법
맥북 카카오톡 2개 실행하는 방법에 대해서 정리해봤습니다. 최근 e-SIM 보급이 확대되면서 하나의 휴대폰에 2개의 전화번호를 사용하기 쉬워지고 자연스럽게 카카오톡 계정을…
Mac 지정 시간에 자동 종료 하는 타이머 설정 2가지 방법
Mac 예약 종료 타이머 설정 2가지 방법
Mac 컴퓨터를 사용하면서 노래나 영상을 틀어놓고 잠에 들 때 사용자가 지정한 특정 시간에 컴퓨터가 자동으로 종료 되었으면 하는 때가 있습니다.…