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

쇼핑몰 창업&운영에 꼭 필요한 혜택

자주 묻는 질문

궁금하신 사항을 FAQ를 통해 해결해드립니다.

디자인 > 반응형 스킨

[공통] 폰트의 두께, 자간, 컬러를 변경하고 싶어요.

  • 퍼스트몰
  • 일반몰, 입점몰 본사

현재 폰트의 두께, 자간, 컬러를 변경하고 싶을 경우,
원하시는 웹폰트로 변경했는데 두께, 자간이 다를 경우 스타일을 통해 일부 어느 정도 맞출 수 있습니다.
다른 종류의 웹폰트로 변경하는 법은 웹폰트 변경하기 > 를 참조하시기 바랍니다.

폰트 두께

폰트 두께는 폰트 종류별로 지원하는 두께가 다르고, 옵션 스타일을 선택한 것에 따라 두께가 다릅니다.
두께 옵션은 link에 적용된 wght를 보고 알 수 있으며 숫자가 커질 수록 두껍습니다.

<link href="https://fonts.googleapis.com/css2?family=Sunflower:wght@300;500;700&display=swap" rel="stylesheet">

폰트 자간(전체)

폰트 자간을 변경하는 스타일은 letter-spacing으로 마이너스 값은 자간이 좁아지고, 플러스 값은 넓어집니다.
em 단위를 사용해 소수점, 정수 단위로 조금씩 섬세하게 조절할 수 있습니다.

*{ letter-spacing:-0.05em; }

폰트 컬러(전체)

추가로 전체적인 컬러 변경은 추천하지 않지만 변경하고 싶으시면 color로 하실 수 있습니다.

*{ color: darkblue; // #00008b; }

변경 예시

[스킨폴더]/css/user.css에 변경할 부분만 작성합니다.

  • 전체적으로 변경하기
    *{ 
        font-weight:300; // 두께
        letter-spacing:-0.1em; // 자간
        color: #00008b; // 컬러
    }
  • 메인 타이틀만 폰트 두께 변경하기
    .title_group1 .title1{ font-weight:700; }
    
     

※ 전체적으로 두께를 변경할 때 요소 별로 디테일하게 스타일로 조절이 되어있는 부분은 변경이 되지 않습니다.
※ 요소 별로 굵기를 조절하고 싶다면 개발자도구 활용 >을 참고해 요소 클래스명을 찾아 스타일을 추가합니다.
※ 폰트 종류에 따라 차이를 많이 줄 경우 심하면 화면이 틀어질 수 있습니다.
     글자 크기 변경은 웹사이트의 반응형별, 요소별 모든 폰트 사이즈를 일일이 변경할 수 없기 때문에 권장하지 않습니다.

관련 태그

#웹폰트 #자간 #폰트 굵기 #폰트 컬러 #폰트 여백 #폰트 스타일 #폰트 색깔 #폰트 두께

TOP

대표 번호 1544-3270

  1. 1쇼핑몰 창업 및 신규 상담 문의
  2. 2쇼핑몰 기능 및 이용 문의
  3. 3쇼핑몰 이전 문의
  4. 4마케팅 및 광고 문의
  5. 5SI 및 홈페이지 제작 문의

전화상담 가능 시간

  • 일반 상담 : 평일 09:30 ~ 17:30 (주말/공휴일 휴무)
    일반 상담 : 점심 12:30 ~ 13:30
  • 장애 상담 : 24시간 가능

입점형 구매상담 및 차이나 호스팅, 컨설팅
02-6907-6817  psw@gabiacns.com

쇼핑몰 맞춤개발 및 구축/SI
1544-6437  sales@gabiacns.com

홈페이지 제작
02-6907-6884  jis@gabiacns.com

상담 예약

모든 상담원이 통화 중인 경우, 9번을 눌러 상담을 예약해주세요.
통화가 끝나면 고객께 다시 연락드립니다.
(상담 중에는 서비스 품질 향상을 위해 통화 내용이 녹음됩니다.)