Stylish 대체 크롬 확장 프로그램 Stylus

크롬 브라우저로 특정 사이트 접속 시 자간 깨짐 현상이 발생합니다. 재설치도 해보고 설정도 변경해 보았지만 자간 문제가 해결되지 않았습니다.

크롬 확장 프로그램을 설치해서 문제를 해결했습니다. Stylish라는 확장 프로그램입니다.

폰트 설정으로 모든 웹페이지를 원하는 폰트로 변경할 수 있습니다. 자간 문제가 있던 사이트로 정상적으로 출력이 되었습니다.

얼마 전 갑자기 크롬 확장 프로그램에 Stylish가 사라졌습니다. 비활성화되어 있어서 강제로 활성화를 했습니다. 그런데 검색을 해보니 보안에 문제가 있어 구글에서 차단한 것이었습니다.

웹 방문기록을 특정 사이트로 전송되고 있었습니다. 보안적으로 취약해서 대부분 확장 프로그램 사이트에서 퇴출되었습니다. 삭제를 하고 다른 확장 프로그램을 검색해 보았습니다.

동일한 기능을 제공하는 Stylus를 설치했습니다. 사용법은 거의 동일합니다.

크롬에서 확장 프로그램 없이 자간이 정상적으로 표시되었으면 좋겠네요. 폰트 설정을 하면 사이트마다 폰트가 동일해 통일성은 느껴지긴 하지만 사이트만의 특색을 느낄 수 없어 아쉽습니다.

클리앙에서 사이트별로 폰트 설정을 받아서 사용하고 있습니다. 설정이 안된 사이트는 가독성이 너무 떨어져서 역체 감이 심하게 발생합니다.

최근 크롬 업데이트로 자간 문제는 없어 보이지만 쓰다보니 모든 사이트가 통일성 있게 표시되어 계속 사용하고 있습니다.

지금 사용하고 있는 폰트 설정이다.

/* 서체를 대치하는 코드 */

@font-face {

    font-family: AppleGothic;

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: AppleMyungjo;

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "돋움";

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "돋움체";

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: DotumChe;

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: dotum;

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "돋움";

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "굴림";

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "굴림체";

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: GulimChe;

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "바탕";

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "바탕체";

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: Batang;

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: BatangChe;

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "궁서";

    src:

local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "궁서체";

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: Gungsuh;

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: MalgunGothic;

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "Malgun Gothic";

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "맑은 고딕";

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: KoPubDotumMedium;

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: KoPubDotum;

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "Malgun Gothic";

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "나눔고딕";

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "Malgun Gothic";

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "NanumMyeongjo";

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

@font-face {

    font-family: "나눔명조";

    src:

    local("Malgun Gothic"),

    local("Malgun Gothic");

}

/* 예외 항목

네이버 카페 및 블로그용 */

#main-area { font-family: "Malgun Gothic" !important; }

#main-area.m-tcol-c { font-family: "Malgun Gothic" !important; }

#tbody.m-tcol-c { font-family: "Malgun Gothic" !important; }

#content-area { font-family: "Malgun Gothic" !important; }

.p.comm.m-tcol-c { font-size: 12px !important; font-family: "Malgun Gothic" !important;}

.m-tcol-c { font-family: "Malgun Gothic" !important;}

.view { font-family: "Malgun Gothic" !important;}

.article-board { font-family: "Malgun Gothic" !important; }

.p_con { font-family: "Malgun Gothic" !important;}

.p_col { font-family: "Malgun Gothic" !important;}

.p_col1 { font-family: "Malgun Gothic" !important;}

.p_col2 { font-family: "Malgun Gothic" !important;}

.pcol1 { font-family: "Malgun Gothic" !important;}

.pcol2 { font-family: "Malgun Gothic" !important;}

.pcol3 { font-family: "Malgun Gothic" !important;}

.pcol4 { font-family: "Malgun Gothic" !important;}

.post { font-family: "Malgun Gothic" !important;}

.post-view { font-family: "Malgun Gothic" !important;}

.itemfont { font-family: "Malgun Gothic" !important;}

.itemTitlefont { font-family: "Malgun Gothic" !important;}

.gac {font-family: "Malgun Gothic" !important;}

/* 사커라인 */

.te1{font-family: "Malgun Gothic" !important;}

.te1{font-family: "Malgun Gothic" !important;}

.te2{font-family: "Malgun Gothic" !important;}

.te3{font-family: "Malgun Gothic" !important;}

.tt5{font-family: "Malgun Gothic" !important;}

.ti0{font-family: "Malgun Gothic" !important;}

.ti1{font-family: "Malgun Gothic" !important;}

.ti2{font-family: "Malgun Gothic" !important;}

.ti3{font-family: "Malgun Gothic" !important;}

.ti4{font-family: "Malgun Gothic" !important;}

.ti5{font-family: "Malgun Gothic" !important;}

.ti6{font-family: "Malgun Gothic" !important;}

.ti7{font-family: "Malgun Gothic" !important;}

.ti8{font-family: "Malgun Gothic" !important;}

.ti9{font-family: "Malgun Gothic" !important;}

.te1 a{font-family: "Malgun Gothic" !important;}

/* 클리앙 */

.ad_area1 { font-family: "Malgun Gothic" !important; }

.board_title h2 { font-family: "Malgun Gothic" !important; }

.content_hd h2 { font-family: "Malgun Gothic" !important; }

.RecentLeft h2 { font-family: "Malgun Gothic" !important; }

.RecentRight h2 { font-family: "Malgun Gothic" !important; }

#sideViewRow_memo a{ font-family: "Malgun Gothic" !important; }

#sideViewRow_mail a{ font-family: "Malgun Gothic" !important; }

#sideViewRow_info a{ font-family: "Malgun Gothic" !important; }

#sideViewRow_mb_id a{ font-family: "Malgun Gothic" !important; }

.member { font-family: "Malgun Gothic" !important; }

.post_category { font-family: "Malgun Gothic" !important; }

.post_category a { font-family: "Malgun Gothic" !important; }

.post_subject { font-family: "Malgun Gothic" !important; }

.post_subject a { font-family: "Malgun Gothic" !important; }

.view_title h2 { font-family: "Malgun Gothic" !important; }

.view_title h3 { font-family: "Malgun Gothic" !important; }

.view_title h4 { font-family: "Malgun Gothic" !important; }

.view_board td { font-family: "Malgun Gothic" !important; }

.aside_notice h2 { font-family: "Malgun Gothic" !important; }

.preview_title h2 { font-family: "Malgun Gothic" !important; }

.reply_content { font-family: "Malgun Gothic" !important; }

.reply_write { font-family: "Malgun Gothic" !important; }

.reply_write textarea { font-family: "Malgun Gothic" !important; }

/* Holynet */

.tk { font-family: "Malgun Gothic" !important; }

.tk2 { font-family: "Malgun Gothic" !important; }

.tk3 { font-family: "Malgun Gothic" !important; }

.tk3_h { font-family: "Malgun Gothic" !important; }

.tkl3 { font-family: "Malgun Gothic" !important; }

.tkl3b { font-family: "Malgun Gothic" !important; }

.tk4l { font-family: "Malgun Gothic" !important; }

.tk4br { font-family: "Malgun Gothic" !important; }

.tk5 { font-family: "Malgun Gothic" !important; }

.tka { font-family: "Malgun Gothic" !important; }

.tkau { font-family: "Malgun Gothic" !important; }

.tkb { font-family: "Malgun Gothic" !important; }

.tkab { font-family: "Malgun Gothic" !important; }

.tkmm { font-family: "Malgun Gothic" !important; }

.tklm { font-family: "Malgun Gothic" !important; }

.tks { font-family: "Malgun Gothic" !important; }

티스토리툴바