본문 바로가기 메뉴 바로가기

amanda의 공간입니다

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

amanda의 공간입니다

검색하기 폼
  • 분류 전체보기 (225) N
    • WebPublisher (218) N
      • HTML 마크업 (11)
      • CSS (30)
      • JavaScript & jQuery (61)
      • Git (5)
      • React (3)
      • PHP & ASP (9)
      • tip (7) N
      • Interactive (22)
    • break (5)
  • 방명록

웹폰트깨지는현상 (1)
[웹폰트-나눔스퀘어] 웹에서 깨지는 현상

웹폰트 중 한글에서 예쁜 폰트 중 하나가 나눔스퀘어인데 자간이 좁고 가독성이 좋으나 16픽셀 이하로 떨어지면 웹상에서 깨져 보이는 현상이 있음 구글링을 해본 결과 css에 {transform: skew(-0.01deg);}를 주면 깨져 보이는 현상이 덜하다고 함 하지만 16픽셀 이하인 부분만 골라 css를 주는 것도 번거롭기 때문에 우리 회사의 경우 시안에서 title의 경우 혹은 18픽셀 이상인 경우에만 나눔스퀘어를 사용하고 그 외에는 그냥 Noto Sans Kr를 사용한다 (그 외 덜 깨지는 폰트들 : 애플고딕, 나눔고딕, 맑은고딕, 돋움)

WebPublisher 2021. 1. 31. 22:16
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바