macOS 시에라, 사파리 10에서 서체 크기를 조절하는 이전 방식으로 페이지를 확대/축소하는 방법

2016. 9. 26. 18:58    작성자: ONE™

macOS 시에라와 함께 나온 사파리 10은 웹 사이트별로 확대/축소 상태를 기억한다는 소식 전해드렸습니다.

예를 들어, 어떤 웹 사이트를 확대하면 나중에 다시 방문했을 때 사용자가 설정한 확대 비율로 웹 사이트가 표시되죠. 사파리를 종료하거나 탭을 닫았을 때도 웹 사이트 확대/축소 상태를 기억했다가 이를 다시 적용해 줍니다.

스타일시트(CSS) 또는 확장 프로그램을 설치할 필요 없이, 마치 아이패드나 아이폰처럼 두 손가락 오므리기 제스처를 하면 됩니다. 모든 웹 사이트의 크기를 일괄적으로 변경하고 싶다면, 사파리 환경설정에서 페이지 확대/축소 비율을 조정하면 됩니다.

시력이 좋지 않은 분이나 4K 디스플레이를 원해상도로 쓰는 분들에게 참으로 반가운 기능이라고 할 수 있는데요. 아쉽게도 사파리 10의 확대/축소 기능도 그 나름의 단점이 있습니다.

Safari 10의 확대/축소 방식 단점

사파리 10에서 트랙패드 제스처로 페이지를 확대하거나 축소하면 텍스트뿐 아니라 사진과 동영상 크기까지 바뀝니다. 이 때문에 텍스트는 시원하게 잘 보여도 해상도가 낮은 사진은 뿌옇게 보일 수 있죠. 또 사파리 환경설정을 통해 웹 페이지 크기를 일괄적으로 키우면 트랙패드 제스처로는 페이지 크기를 축소할 수 없다는 문제가 있습니다.

사파리 이전 버전의 경우 '다음보다 작은 서체 크기 사용 안 함'이라는 옵션이 있었다는 것 기억하실 겁니다. 시력이 나쁜 사람을 위해 텍스트가 일정 크기보다 작게 보이는 것을 방지하는 기능인데요. 이를 잘 이용하면 사진과 동영상 크기는 유지한 채 텍스트만 크게 확대할 수 있었습니다. ▼

반면에 새로운 페이지 확대/축소 방식이 도입된 사파리 10 버전은 환경설정에서 위 옵션이 없어졌습니다. 이 옵션을 건드리면 앞서 말씀드린 것처럼 텍스트뿐만 아니라 사진과 동영상을 포함한 페이지의 모든 구성 요소가 동시에 확대 또는 축소됩니다. ▼

서체 크기만 변경하는 기존 방식과 페이지 전체를 확대/축소하는 새로운 방식 비교 ▼

사용자에 따라 호불호가 갈릴 수 있는 부분이어서 딱히 어떤 방식이 더 낫다고 말하기는 어려울 듯합니다.

기존 방식은 사진과 동영상을 또렷하게 볼 수 있다는 장점이 있지만, 텍스트 크기만 변경되는 관계로 페이지 레이아웃이 깨질 수 있다는 단점이 있습니다. 반면에 새로운 방식은 웹 디자이너가 의도한 레이아웃이 유지되고 반응형 웹 사이트에 대응하는 장점이 있지만, 사진이나 동영상이 흐릿하게 보이며 페이지를 스크롤 하기 위해 손가락이 바빠진다는 것이 불편할 수 있습니다.

터미널 명령어로 Safari 10에서 다음보다 작은 서체 크기 사용 안 함' 적용하기

사파리 10 환경설정에선 옵션이 사라졌지만, 다행히 터미널 명령어를 통해 이전 방식을 되살릴 수 있습니다. 

쉽게 말해 사파리 환경설정에서 숫자를 고르던 방식이 터미널 명령어로 바뀌었다고 생각하시면 됩니다. 물론 새로운 방식과 함께 기존 방식을 병행해서 이용하실 수 있습니다. 적용 방법은 사파리를 종료하고 응용 프로그램 > 유틸리티 폴더에 있는 '터미널'을 실행한 뒤 아래 명령어를 입력하기만 하면 됩니다. 

단, 명령어를 입력하기 전에 끝에 있는 'xx'를 원하는 수치로 바꾸어야 한다는 점 유념시기 바랍니다. 예를 들어 'xx'가 있는 자리에 '16'을 적어 넣으면 크기가 16픽셀 이하인 텍스트가 모두 16픽셀 크기로 출력됩니다. 물론 사진과 동영상은 터치하지 않습니다. 또 16픽셀보다 크기가 큰 텍스트 역시 웹 디자이너가 의도한 크기를 유지합니다.

defaults write com.apple.Safari com.apple.Safari.ContentPageGroupIdentifier.WebKit2MinimumFontSize -int xx

기존 방식이나 새로운 방식이나 저마다의 특징과 장단점이 있으니, 모니터 해상도와 웹 서핑 습관에 맞게 적절하게 사용하면 좋은 효과 보실 수 있을거라 생각합니다.

만약 사파리를 기본 상태로 복구하고 싶다면 터미널에 아래 명령어를 입력해 관련 코드를 삭제하면 됩니다. ▼

defaults delete com.apple.Safari com.apple.Safari.ContentPageGroupIdentifier.WebKit2MinimumFontSize


참조
Apple Developer Forums - Change font size Safari 10

관련 글
애플, OS X 엘 캐피탄 및 요세미티 사용자를 위한 사파리 10 업데이트 실시
macOS 시에라, 사파리 10에 추가된 중복 다운로드 방지 기능
macOS 시에라, 사파리 10에 추가된 '페이지 확대/축소' 고정 옵션
웹사이트별로 사파리 페이지 확대/축소 상태를 기억해주는 'ZoomBySite'

    
  1. Blog Icon
    사파리

    아 역시 그렇군요 깔끔한 정리 포스팅 감사드립니다 그런데 예전에 원님께서 올려주신 CSS를 사용중인데, 혹시 이번 사파리 10에서도 아무 문제 없이 사용가능할까요? 클리앙에서 약간 다르게 나오는거 같다는 글을 본 거 같아서요

  2. CSS 파일을 한 번 점검할 때가 됐는데 포스팅이다 뭐다 핑계로 제때 손을 못보고 있습니다. 여러 사이트에서 테스트가 필요할 것 같은데 주중이나 늦어도 주말쯤에는 보고서(?) 올리겠습니다. 감사합니다.

  3. Blog Icon
    손가락

    이 기능이 트랙패드 손가락 오므리기를 통한 확대의 경우에도 적용되는 게 맞나요?

    제 경우는 cmd + -/= 단축키 조합으로 확대/축소하는 경우에는 비율이 저장되는데, 트랙패드로 확대/축소한 경우에는 비율이 유지되지 않아서요.

  4. 저는 두 손가락 오므리기로도 잘 작동하는 데 이상하군요. 다른 유틸리티나 사파리에 설치된 확장 프로그램과 충돌이 없는지 확인해 보셔야 할 것 같습니다.