Large Rainbow Pointer
728x90
[CSS] 티스토리 블로그 폰트 글씨체 변경하기
💜 프론트엔드/CSS2024. 3. 11. 12:09[CSS] 티스토리 블로그 폰트 글씨체 변경하기

☘️ 시작하기 앞서 티스토리 블로그는 사용자가 자유롭게 커스텀할 수 있다는 장점이 있다. 그래서 티스토리 블로그의 기본 글씨체 폰트를 본인이 원하는 대로 수정을 해보겠다. ☘️ 폰트 선택하기 먼저 사용할 폰트를 선택해야 한다. 나는 주로 눈누 라는 사이트를 사용하며 프로젝트를 진행할 때에도 주로 눈누에 있는 폰트를 사용한다. 눈누 상업용 무료한글폰트 사이트 noonnu.cc 다양한 폰트들이 있는데 거기서 원하는 폰트를 골라준다. 나는 오뮤 다예쁨체 를 선택하였다. 라이선스 사용하기 앞서, 먼저 이 폰트가 웹 사이트에서 사용할 수 있는지 라이선스를 확인해야 한다. 다행히 이 폰트는 웹 사이트에서 사용 가능한 폰트이다. 웹 폰트 티스토리 블로그에 사용하기 위해 오른쪽에 있는 웹폰트로 사용 안에 있는 내용들을..

[React] 원하는 글씨체 font 폰트 적용 방법
💜 리액트/React & CSS2024. 2. 18. 11:16[React] 원하는 글씨체 font 폰트 적용 방법

예쁜 폰트를 다운로드 받아서 내 React 프로젝트에 적용하는 방법을 알아 볼 것이다. 폰트 다운로드 받기폰트를 다운로드 받을 수 있는 사이트에서 폰트를 다운로드 받는다.나는 예쁜 한글 폰트가 많은 눈누 라는 사이트를 이용하였고, 원하는 폰트를 찾아 다운로드한다. 폰트 설정하기다운로드 받은 폰트를 내 프로젝트에 src/fonts 에 넣어준다.이 폰트들을 적용시키기 위해 @font-face 를 사용한다.@font-face웹페이지의 텍스트에 온라인폰트(online fonts)를 적용할 수 있게 함index.css 에서 폰트를 사용할 폰트의 이름을 정의하고, 해당 폰트의 위치를 설정해준다.@font-face { font-family: 'PyeongChang'; /* 사용할 폰트의 이름을 정의 */ src:..

728x90
image
loading