소프트웨어 크롬 업데이트 이후 @font face 동작 변경

2019.09.16 11:15

아낙문 조회:222

수고하십니다. 

여러 분들도 그러실 지 모르겠지만 전, 웹페이지에서 굴림, 돋움 등을 보는 것을 많이 싫어해서

크롬 확장인 stylish나 stylus에 간단한 스타일을 지정하여 변경하여 사용하는데요

 

이번 업데이트로 이 동작이 잘 안되더라구요.

한참 고생하다가 찾았는데 혹시 필요하신 분이 있을까봐

 

크롬 주소창에

about://flags

입력하시고, font를 검색하시면

 

Match @font-face { src: local(<name>) } names by PostScript and full font name.

Match local() src attributes in @font-face declarations precisely by PostScript name and full font name instead of the previous behavior of matching those unspecifically as family names. – Mac, Windows, Linux, Chrome OS, Android

 

요게 나옵니다.

이 녀석이 @font-face를 이전 버전과 다르게 인식하는 바람에 안 되던 것이었습니다.

이걸 사용안함으로 설정해주시면 원하시는 대로 보일 것입니다.

 

다만, 이 팁은 기존에 스타일을 사용하여 크롬 내에서 폰트 변경을 사용하시는 분만 사용하시면 됩니다.

 

고맙습니다.

 

 

참고로 저는 아래 스타일을 사용하여 변경하고 있습니다.

@font-face {
    font-family: 'Malgun Gothic';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: '맑은 고딕';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: '돋움';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: '돋움체';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: 'dotum';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: 'DotumChe';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: '굴림';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: '굴림체';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: 'Gulim';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: 'GulimChe';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: '바탕';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: '바탕체';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: 'Batang';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: 'BatangChe';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: '궁서';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: '궁서체';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: 'Gungsuh';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: 'GungsuhChe';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: 'sans-serif';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}
@font-face {
    font-family: 'serif';
    src: local('NanumBarunGothic'), local('Meiryo UI');
}

/* letter-spacing의 -2px를 조절하셔서 글자 간격을 조절하실 수 있습니다. */
body {
    font-family: 'Noto Sans Display', 'Meiryo UI', 'NanumBarunGothic';
    /*    letter-spacing: 0px; */
}

/* 이 부분은 글자체를 조금 굵게 만들어서 보기 편하게 만드는 설정입니다. px의 값을 조금씩 변경해가면서 취향대로 선택하세요 */
/* { -webkit-text-stroke-width:0.15px; } */

번호 제목 글쓴이 조회 추천 날짜
[공지] 사용기/설치기 이용안내 gooddew - - -
1722 소프트웨어| 마이크로소프트 Visual C++ 2005~2019 자동설치 [25] ʕ·ᴥ·ʔ 1682 35 10-20
1721 소프트웨어| ㅎ 과 컴터 2020 설치 [25] win_10 5428 10 10-16
1720 소프트웨어| [삭제 추가] MDS님 가젯 설치하기 cmd [13] suk 997 7 10-15
1719 소프트웨어| [배치파일]보관용 자동으로 InstallerConfig.ini 복사 후... [10] 흑서서 1642 18 10-14
1718 소프트웨어| [큰*무님] Partit*onHidder 테스트/실행기 [11] Compuser 442 10 10-03
1717 소프트웨어| PartitionHidder [71] 집앞의_큰 797 47 10-03
1716 소프트웨어| Snagit 최고의 만능 캡처 프로그램. 캡처 기능 편. [7] 펨토 1139 6 10-02
1715 소프트웨어| HiddenPartitionMount [65] 집앞의_큰 1327 46 09-28
1714 소프트웨어| ACDSee Photo Studio Ultimate 2020 한글 패치 [10] 카야 1390 8 09-28
1713 소프트웨어| Acronis TrueImage 2020 확장자 관련 정리 [7] 현토리 853 9 09-25
1712 소프트웨어| Acronis True Image 2020 [26] 집앞의_큰 1409 21 09-25
» 소프트웨어| 크롬 업데이트 이후 @font face 동작 변경 [3] 아낙문 222 0 09-16
1710 소프트웨어| 데이타 손실 없이 동적 디스크를 기본디스크로 변환하기 [8] 보[BORAM]람 1204 12 09-12
1709 소프트웨어| 모뗀아기님의 Ashampoo WinOptimizer v17.00.23 + Repack... [5] downmania 309 1 09-09
1708 소프트웨어| HDClone으로 쌍둥이 [54] 집앞의_큰 1191 42 09-07
1707 소프트웨어| rsimagex 로 파티션작업과 윈도우설치-동영상 [9] 카멜 492 12 09-05
1706 소프트웨어| SHIELD님 K*m님 런처 활용 후기 [7] 흑서서 384 5 09-01
1705 소프트웨어| Paragon Hard Disk Manager Launcher 사용기 [23] 보리아빠 805 19 08-30
1704 소프트웨어| RSImageX2.67.exe 나왔네요 [설치 테스트] [17] suk 1812 22 08-24
1703 소프트웨어| 동영상플레이어 설치및사용과 점유율측정 [9] 굿듀님스토 813 7 08-24
XE1.8.27 Layout1.4.8