TIL 11. 18

css

1. 폰트 추가

다른 페이지에서 폰트를 사용할 땐 구글폰트 사용할 때와 약간의 차이가 있다.
복사/붙여넣기는 동일.

> @font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
body {
    font-family: 'Pretendard-Regular';
    font-style: normal;
}

2. flex

flex 사용법에 대해 다시 공부했다.
다시 자주 쓸 것 같은 코드 모음.

display: flex;
    flex-direction: column;
    // row가 디폴트
    justify-content: space-between;
    align-items: center;
    letter-spacing: 3px;
    //자간 띄우기