아래 글에서 빙그레님이 MacType과 레지스트리 수정, NoMeiryoUI를 통한 윈도우 기본서체 변경 방법을 깔끔하게 정리해 주셨는데요, 거기에 조금 덧붙여서 웹페이지 폰트 변경 방법까지 정리해보고자 합니다.

 

1. 크로미움 계열, 혹은 오페라나 파이어폭스 웹브라우저를 사용합니다.

 

2. 브라우저 기본 설정에서 원하는 글꼴을 선택합니다.

 

 

 

3. 확장 프로그램 'Stylus'를 다운로드 받습니다.

 

웹 상의 폰트를 원하는 대로 변경하는 확장 프로그램입니다.

 

보통은 폰트의 이름 값을 대조해서 원하는 폰트로 변경하는 방식으로 사용하지만, 그렇게 하면 폰트 이름을 모르는 경우에는 강제 변경이 안 될 뿐더러, 웹디자인에 따라 변경이 안 되는 경우도 있기에 좀 더 포괄적인 변경을 위해 다른 방식으로 사용할 예정입니다.

 

4. 스타일 관리 페이지에 들어가서 '새 스타일 작성'을 선택합니다.

 

 

5. 스타일에 다음 내용을 복붙한 후 저장을 누릅니다.

 

:not(code),
:not(pre),

:not(#⁠)
{font-family:
    'Custom',
    'default-icons-desktop',
    'FontAwesome',
    'ac_iconset',
    'fontello',
    'pictonic',
    'Noticons',
    'Dashicons',
    'consumer-icons',
    'Elusive-Icons',
    'Material Icons Extended',
    'Font Awesome 5 pro',
    'Font Awesome 5 brands',
    'Simple-Line-Icons',
    'similarweb',
    'xeicon'
    !important}

 

이러면 대부분의 사이트가 브라우저 기본 설정에서 정한 글꼴로 변경되어 나올 겁니다. 하지만 이미 충분히 미려한 서체로 웹디자인이 잘 되어 있거나, 커스텀 글꼴로 아이콘 등을 표시하는 사이트의 경우에는 문제가 발생할 수 있습니다.

 

6. 그러한 사이트를 적용 대상에서 빼기 위해, 스타일 작성 페이지의 하단에 있는 적용 대상 옵션을 추가합니다.

 

 

그리고 다음과 같은 표현식을 작성합니다.

 

^(?!.*(https://www.icloud.com|https://www.apple.com/)).*$

 

저 괄호 안에 적용 대상에서 빼고 싶은 주소를 입력하면 되고, 각 주소는 | 로 구분하면 됩니다.

 

 

7. 기존의 지정된 글꼴 이름을 대체하는 방식으로는 변경되지 않았던 웹사이트들까지 잘 나오는 것을 확인할 수 있습니다.

 

 

 

 

웹 상의 폰트 관리를 위해 여러 방식을 찾아봤는데 이게 가장 깔끔하더라구요. 다만 일부 사이트와 호환 문제가 있으니 위에 언급한 적용대상에서 제외하는 표현식을 활용해주시면 됩니다.

 

글 읽어주셔서 감사합니다.