궁금하신 사항을 FAQ를 통해 해결해드립니다.
디자인 > 반응형 스킨
현재 폰트의 두께, 자간, 컬러를 변경하고 싶을 경우,
원하시는 웹폰트로 변경했는데 두께, 자간이 다를 경우 스타일을 통해 일부 어느 정도 맞출 수 있습니다.
다른 종류의 웹폰트로 변경하는 법은 웹폰트 변경하기 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; }
※ 전체적으로 두께를 변경할 때 요소 별로 디테일하게 스타일로 조절이 되어있는 부분은 변경이 되지 않습니다.
※ 요소 별로 굵기를 조절하고 싶다면 개발자도구 활용 FAQ↗을 참고해 요소 클래스명을 찾아 스타일을 추가합니다.
※ 폰트 종류에 따라 차이를 많이 줄 경우 심하면 화면이 틀어질 수 있습니다.
글자 크기 변경은 웹사이트의 반응형별, 요소별 모든 폰트 사이즈를 일일이 변경할 수 없기 때문에 권장하지 않습니다.
TOP