Typography

Web 환경에서의 국문 폰트는 Noto Sans KR, 영문/숫자는 Roboto를 사용하도록 권장합니다. (* Font embed 관련 개발과 협의)

<head>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,700&display=swap&subset=korean">
</head>

font-family: 'Noto Sans KR', sans-serif;

B2B 서비스에서는 가독성과 정보전달이 우선이기 때문에 light, thin등의 얇은 서체의 사용은 지양하고 bold와 regular 사용으로 구분을 명확히 할 수 있도록 합니다.

폰트는 상황에 맞게 적용하고, font weight, color 등 규정을 지켜 사용하도록 합니다.
스타일의 기본값은 regular와 left 정렬이며, font weight 및 align, color 스타일을 변경하여 사용할 수 있습니다.*primary color는 프로젝트에 따라 변경하도록 합니다.

국문과 영문(숫자)등을 함께 사용할 경우 밸런스를 위해 영문(숫자) 사이즈는 1~2px 크게 작업하도록 합니다.

Last updated 3 years ago