AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전 목록 다음

나눔스퀘어 폰트적용시 .. 깨진듯한 현상...

오오단수
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-02-27 (수) 15:39:00 14,110

안녕하세요

다른게 아니라 나눔스퀘어 폰트를 사이트에 적용하였는데 사진과 같이 글자가 깨진듯한 느낌이

있는데 왜그럴까요?;;

.pc-menu .menu-a {
    font-family: 'NanumSquare', sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.025em;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: unset;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    text-rendering: auto;
    text-rendering: optimizeSpeed;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    text-rendering: inherit;
    color: #000000;
}

2009304074_1551249509.6929.png

폰트 폰트적용 폰트변경 나눔스퀘어
|

답변 4개 / 댓글 4개

musicbox
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-02-27 (수) 16:48:08

https://sir.kr/ds_tip/547

스아이님의 포스트 참고해보세요

아르키어드
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-02-27 (수) 16:40:04

3067086384_1551253129.1556.png

다란~ b태그때문에 그렇습니다.. 그러니 당연히 bold처리가 되어있으니 font-weight를 줘도 안먹겟지요

b태그를 삭제해봤습니다.

thumb-3067086384_1551253203.0371_730x239.png

마마쿼스
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-02-27 (수) 15:49:54

thumb-2009304074_1551250193.4961_730x102.png

답변에 대한 댓글 1개

아르키어드
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-02-27 (수) 16:02:49
300인데 이렇게 두껍다구요...?...css초기화값에도 확인해보셨나요??
아르키어드
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-02-27 (수) 15:46:19

나눔스퀘어폰트 자체가 font-weight 600정도면 저렇게 깨져보이는 현상이 있는걸로 알고있습니다..

답변에 대한 댓글 3개

오단수
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-02-27 (수) 15:49:34
음.. 그런데 300으로 해도 증상이 동일한데 왜그럴까요;;;ㅠㅠ
오단수
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-02-27 (수) 16:19:09
혹시 http://rusamoclub.cafe24.com/ 확인좀 부탁드려도 될까요?;ㅜ
아르키어드
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-02-27 (수) 16:24:06
잠시 담배피러 나와서...커밍쑨...

답변을 작성하려면 로그인이 필요합니다.