본문 바로가기
컴퓨터 인터넷 모바일 게임

크롬 브라우저 폰트 변경하기 (네이버 검색화면, 모든 사이트 화면을 깔끔하게) 크롬 앱스토어의 "Stylus" 앱 설치

by 45분점1 2019. 9. 5.

목차

    크롬 브라우저 폰트 변경하기 (네이버 검색화면, 모든 사이트 화면을 깔끔하게)

    오늘은 크롬 브라우저에서 폰트를 변경하여 네이버 검색화면을 비롯한 모든 웹사이트의 화면을 더욱 깔끔하고 편안하게 만드는 방법에 대해 알아보겠습니다. 현대인의 일상에서 브라우저는 중요한 역할을 하며, 웹사이트의 가독성은 사용자 경험에 큰 영향을 미칩니다. 특히, 네이버와 같은 자주 사용하는 사이트에서 폰트를 바꾸면 눈의 피로를 줄이고 더 나은 가독성을 제공할 수 있습니다.

    크롬 앱스토어의 "Stylus" 앱 설치

    가장 먼저 해야 할 일은 크롬 웹 스토어에서 "Stylus"라는 확장 프로그램을 설치하는 것입니다. 이 앱은 사용자가 CSS 스타일을 직접 작성하여 웹사이트의 외관을 개인 취향에 맞게 변경할 수 있게 도와줍니다. 아래 링크를 클릭하여 쉽게 설치할 수 있습니다.

    Stylus 설치하기
     

    Stylus - Chrome 웹 스토어

    Stylus로 웹페이지를 새롭게 디자인해보세요. 유명한 사이트의 테마, 스킨도 간단하게 설치할 수 있는 사용자 스타일 관리자입니다.

    chromewebstore.google.com

    Stylus 설정 및 새 스타일 작성

    Stylus를 설치한 후에는 설정을 통해 새로운 스타일을 작성해야 합니다. 아래의 단계를 따라 진행하세요:

    1. Stylus 아이콘 클릭: 크롬 브라우저 우측 상단에 추가된 Stylus 아이콘을 클릭합니다.
    2. Write new style 클릭: 'Write new style' 옵션을 선택하여 새로운 스타일을 작성할 수 있는 창을 엽니다.
    3. CSS 스타일 붙여넣기: 오른쪽 빈 창에 아래 제공된 CSS 스타일 코드를 복사하여 붙여넣습니다.
    4. Save 클릭: 스타일을 저장하기 위해 'Save' 버튼을 클릭합니다.

    CSS 스타일 코드

    아래는 크롬 브라우저에서 폰트를 변경하기 위해 사용할 CSS 코드입니다. 이 코드는 네이버를 포함한 모든 웹사이트에서 적용됩니다.

    @font-face {
        font-family: "돋움";
        src: local("Malgun Gothic");
    }
    @font-face {
        font-family: "돋움체";
        src: local("Malgun Gothic");
    }
    @font-face {
        font-family: dotum;
        src: local("Malgun Gothic");
    }
    @font-face {
        font-family: DotumChe;
        src: local("Malgun Gothic");
    }
    @font-face {
        font-family: "굴림";
        src: local("Malgun Gothic");
    }
    @font-face {
        font-family: "굴림체";
        src: local("Malgun Gothic");
    }
    @font-face {
        font-family: Gulim;
        src: local("Malgun Gothic");
    }
    @font-face {
        font-family: GulimChe;
        src: local("Malgun Gothic");
    }
    @font-face {
        font-family: "바탕";
        src: local("Malgun Gothic");
    }
    @font-face {
        font-family: "바탕체";
        src: local("Malgun Gothic");
    }
    @font-face {
        font-family: Batang;
        src: local("Malgun Gothic");
    }
    @font-face {
        font-family: BatangChe;
        src: local("Malgun Gothic");
    }
    @font-face {
        font-family: "궁서";
        src: local("Malgun Gothic");
    }
    @font-face {
        font-family: "궁서체";
        src: local("Malgun Gothic");
    }
    @font-face {
        font-family: Gungsuh;
        src: local("Malgun Gothic");
    }
    @font-face {
        font-family: GungsuhChe;
        src: local("Malgun Gothic");
    }

    Edit Style에서 이름 설정

    스타일 작성이 완료되면 'Edit Style'에서 스타일의 이름을 설정해야 합니다. 이름은 자유롭게 설정할 수 있으며, 예를 들어 '네이버 폰트 변경'과 같이 쉽게 기억할 수 있는 이름을 사용하면 됩니다.

    적용 결과 확인

    모든 설정이 완료되었다면, 이제 네이버를 비롯한 모든 웹사이트에서 변경된 폰트를 확인할 수 있습니다. 폰트가 변경되면서 웹사이트의 전체적인 가독성이 크게 향상될 것입니다.

    결론

    이제 크롬 브라우저를 통해 네이버 검색화면과 다른 모든 웹사이트의 폰트를 변경하여 더 나은 사용자 경험을 즐길 수 있습니다. "Stylus" 확장 프로그램을 이용해 간단한 CSS 코드를 적용함으로써 웹사이트의 외관을 개인 취향에 맞게 변경하는 방법을 배웠습니다. 눈의 피로를 줄이고, 더 깔끔하고 읽기 쉬운 화면을 통해 인터넷 서핑을 더욱 즐겁게 만드세요.

    키워드

    크롬 브라우저, 폰트 변경, 네이버 검색화면, 웹사이트 가독성, Stylus 앱, CSS 코드, Malgun Gothic, 사용자 경험, 크롬 확장 프로그램, 웹사이트 스타일 변경

    반응형

    댓글