[CSS] nav로 적당한 폰트 사이즈 디자인

쇼핑몰 디자인을 클론하던 중, nav에 쓰기 적당한 폰트 디자인이 필요했다. 너무 가늘지 않으면서도 부담스럽게 진하진 않은 그런 디자인 몇 가지 속성을 써본 후 이게 가장 무난한 느낌이었다.

 

.font-design1 {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1rem;
  color: rgb(100, 100, 140);
}

 

• 굵기는 굵게 하되, 자간을 아주 살짝 늘리고 색상을 연하게 했다.

 

완성 모습

아래 사진에서 nav의 확대본

 

https://charchar111.github.io/css-styling-practice/site/shopping-mall/index.html

cloning

 

 

클론 사이트 출처

https://paint-box.com