ABOUT ME

-

Today
-
Yesterday
-
Total
-

  • 크롬 브라우저 글꼴 변경하기
    모바일&IT/정보 2014.03.31 18:11

    안녕하세요, 덜구입니다.


    오늘은 구글 크롬 브라우저에서 보기 싫은 굴림체를 맑은고딕 혹은 다른 폰트로 변경하는 방법에 대해서 알아보겠습니다.


    크롬 브라우저의 기본 폰트는 굴림입니다. 굴림체는 싫어요:-(


    어찌나 보기 싫던지요. 


    보통 사용자들이 직접 스타일시트를 적용해서 사용했었는데요, 최근에 그 기능이 막혔습니다.


    그래서 다른 방법을 알려드리고자합니다.


    크롬을 사용하시는 분들은 오래 걸리지 않으니 한번 따라해보시죠.



    구글 크롬 확장프로그램(userScriptCSS) 설치


    확장프로그램 userScriptCSS페이지에서 +CHROME에 추가버튼을 클릭해서 확장프로그램을 설치해야 글꼴 변경이 가능합니다. 


    이미 설치되어 있을 경우 빨간 박스처럼 표시 됩니다


    링크를 타고 들어가면 위의 화면을 보실 수 있습니다.

    팝업의 오른쪽 상단에 빨간 네모 부분이 원래는 설치 버튼이 있는 곳입니다.


    크롬 도구 - 설정 - 확장프로그램 - userScriptCSS, 옵션


    "도구-설정-확장프로그램"에서 userScriptCSS 검색


    설치를 완료하셨으면 도구-설정-확장프로그램에서 userScriptCSS를 선택합니다.

    오른쪽에 있는 사용에 체크하시면됩니다.

    사용에 체크를 하시면 하단에 "옵션"으로 들어갑니다.

    옵션에서는 아래 스크린샷의 화면을 보실 수 있습니다.


    원하는 폰트 입력하기


    옵션 페이지에서 위와 같이 입력합니다.

    http://* 과 https://* 은 모든 페이지에서 아래의 스타일시트를 적용하겠다는 뜻힙니다.

    font-family : 뒤의 내용을 원하시는 폰트로 바꾸시면됩니다.

    저 같은 경우는 윈도우 기본폰트와 일관성있게 사용하기 위해 맑은 고딕으로 사용중입니다. 

    나눔고딕의 경우 NanumGothic 으로 입력하시면됩니다.

    (본인의 PC에 설치되어 있는 폰트여야 합니다. C:\Windows\Fonts 에서 확인이 가능합니다.)


    + 1번째칸 

    ^http://*|^https://*

     

    + 2번째칸 

    * {
      font-family: 'Malgun Gothic', Verdana, Arial, sans-serif !important;
    }
    


    쉽죠?

    위대로만 하시면됩니다.


    이상 크롬에서 글꼴 변경하기 였습니다 :-)


    댓글 10

    • 프로필사진

      비밀댓글입니다

      2014.05.28 22:47
    • 프로필사진

      1번째칸
      ^http://*|^https://*

      2번째칸
      * {
      font-family: 'Malgun Gothic', Verdana, Arial, sans-serif !important;
      }

      2014.07.21 19:19
    • 프로필사진

      너무너무감사합니다~ 제일유용한 답변이었습니다! ^^

      2014.09.25 09:53
    • 프로필사진

      크롬이 좋긴 한데 세부 설정도 안되고 그나마 있는것도 잘 적용 안되서 굉장히 불편했는데
      덕분에 도움 됐습니다. 감사합니다.
      그런데 sdaf 님 댓글처럼 글 자체에 소스값(?)을 적어 주셨으면 하는 아쉬움이 있네요 ㅠㅠ

      2014.10.03 05:24
    • 프로필사진

      델 베뉴11 쓰고있는데

      가독성문제로 읽기 힘들었는데 정말 감사합니다

      2014.12.05 23:10
    • 프로필사진

      님 블로그 글꼴은 뭔가요? 넘흐 맘에 들어염 이걸로 지정하고 싶은데요

      2015.08.12 10:11
    • 프로필사진

      어디서 대충 보고 적용했더니 일부 글씨체만 나눔고딕이 적용되는거에요. 첫번째 칸에 http어쩌구 넣는걸 여기서 발견하고 성공적으로 적용했습니다. 여전히 무슨 뜻인지는 모르겠지만요 ^^

      2015.12.27 09:34 신고
      • 프로필사진

        잘 되셨다니 다행이네요~
        그게 무슨 뜻이냐면..
        웹 사이트 주소를 넣고 들어갈때 예를 들어서 네이버면.. http://www.naver.com 이라면 제일 앞부분에 http://로 시작하는 주소의 사이트에 전체 적용을 하겠다는 그런 의미로 생각하시면 될거같아요! :D

        2015.12.28 09:10 신고
Designed by Tistory.