티스토리 블로그 꾸미기: 폰트의 중요성

티스토리 블로그를 운영하며 글들을 차곡차곡 쌓아왔지만, 다른 블로그를 방문했을 때 예쁘게 꾸며져 있는 디자인에 감탄하게 됩니다. 특히, 폰트의 선정은 블로그의 전체적인 분위기에 큰 영향을 미치는데요. 이번 포스트에서는 티스토리 폰트 웹폰트 변경하는 방법에 대해 자세히 알아보겠습니다.

기본 폰트	웹폰트 예시
나눔고딕	Google Fonts
본명조	Nanum Square
Helvetica	Noto Sans

이 표는 기본적으로 많이 사용되는 폰트와 웹폰트를 비교한 것입니다. 웹폰트를 사용하면 디자인의 다양성을 높일 수 있습니다.

💡 주아체를 다운로드하고 블로그에 적용하는 쉽고 빠른 방법을 알아보세요! 💡

👉 주아체 무료 다운로드 알아보기

웹폰트 사이트에서 폰트 고르기

먼저, 원하는 웹폰트를 선택하는 단계가 필요합니다. 추천드리는 웹폰트 사이트는 https://www.npmjs.com/package/nununu>눈누입니다. 여기에서 마음에 드는 폰트를 고르고 오른쪽에 있는 웹폰트로 사용 부분의 코드를 복사해 주세요.

예시

눈누 웹사이트에서 폰트를 선택하여 클릭합니다.
복사할 코드를 확인한 후 클릭하여 복사합니다.

복사한 웹폰트 코드는 이후 티스토리에 적용되므로 미리 저장해 두세요!

💡 배달의민족 주아체를 무료로 다운로드하는 방법을 알아보세요! 💡

👉 주아체 무료 다운로드 바로가기

티스토리 스킨 편집에서 설정하기

웹폰트를 선택했으면, 이제 티스토리에 적용할 차례입니다. 다음 단계는 스킨 편집입니다.

티스토리 관리자 페이지에 접속합니다.
왼쪽 메뉴에서 스킨 편집을 클릭합니다.
HTML 편집을 선택하고, CSS 부분에서 복사한 웹폰트 코드를 붙여 넣습니다.

css @import url(https://fonts.googleapis.com/css?family=FontName);

font-family 속성을 검색합니다. 이때, Ctrl + F를 눌러 쉽게 검색할 수 있습니다.
`: 옆에 복사한 폰트 이름을 붙여주면 됩니다.

단계	설명
1단계	티스토리 관리자 로그인
2단계	스킨 편집으로 이동
3단계	HTML 편집에서 코드 추가
4단계	`font-family` 검색 후 수정하기

이 과정을 통해 약 5~7개 정도의 font-family 수정이 필요하므로 반복해서 적용해 보세요.

💡 배달의민족 주아체를 무료로 다운로드받아보세요. 💡

👉 주아체 무료 다운로드 받기

코드 추가 및 변경 확인하기

모든 코드 추가 및 수정을 마친 후, 우측 상단의 적용 버튼を 클릭하고 페이지를 새로 고칩니다. 변경된 폰트를 확인하기 위해 자신의 포스팅을 확인해 보세요.

이전의 고딕체와는 달리, 이제는 보다 부드럽고 보기 좋게 바뀌어진 폰트를 확인할 수 있을 것입니다. 이렇게 단순한 과정으로 블로그의 전반적인 퀄리티를 높일 수 있습니다!

💡 배달의민족 주아체를 무료로 다운로드하는 방법을 알아보세요. 💡

👉 주아체 무료 다운로드 받기

폰트 외 글자 크기 바꾸기

홈페이지형 티스토리를 선호하신다면, 폰트 외에도 글자 크기를 조정하는 것이 중요합니다. 예를 들어, 모바일에서 오디세이 스킨을 사용하시며 불만을 느끼셨다면 다음과 같이 조정할 수 있습니다.

CSS 수정 메뉴에서 각 요소의 font-size를 수정합니다.
문단 간격 및 텍스트 크기도 함께 조절하여 가독성을 높입니다.

요소	기본 크기	변경 크기
본문 텍스트	14px	16px
제목 텍스트	24px	28px
문단 간격	1.5em	1.8em

이렇게 글자 크기를 조정함으로써 독자들에게 더 친숙한 블로그 환경을 만들어 주는 것이 좋습니다.

💡 배달의민족 주아체를 바로 다운로드하고 쉽게 설치하는 방법을 알아보세요. 💡

👉 주아체 무료 다운로드 받기

결론

이번 포스트에서 티스토리 폰트 웹폰트 변경하는 방법을 배웠습니다. 웹폰트를 활용하면 블로그에 개성을 부여할 수 있으며, 독자인 나를 포함하여 방문자들에게 더 쾌적한 독서 환경을 제공할 수 있습니다.

블로그를 더욱 매력적으로 꾸며보고 싶으시다면 위의 방법을 실천해보세요. 나만의 특별한 스타일의 블로그를 완성하는 재미가 쏠쏠합니다!

💡 배달의민족 주아체를 무료로 다운로드하는 방법을 확인해 보세요. 💡

👉 주아체 무료 다운로드 받기

자주 묻는 질문과 답변

Q1: 웹폰트를 사용하면 블로그 속도가 느려지나요?

답변1: 대부분의 웹폰트는 최적화되어 있어, 일반적인 속도 저하는 거의 없습니다. 하지만 너무 많은 웹폰트를 사용하면 웹사이트 속도가 느려질 수 있습니다.

Q2: 모바일에서도 같은 폰트가 적용되나요?

답변2: 네, CSS에서 설정한 폰트는 모바일에서도 동일하게 적용됩니다. 그러나 디자인은 기기별로 확인해야 할 수 있습니다.

Q3: 특정 폰트가 잘 보이지 않으면 어떻게 해야 하나요?

답변3: 특정 폰트가 잘 보이지 않는다면, 명확한 대체 글꼴을 추가하는 것이 좋습니다. 예를 들어, FontName, sans-serif 처럼 설정할 수 있습니다.

Q4: 웹폰트를 언제든지 다시 변경할 수 있나요?

답변4: 물론입니다! 언제든지 스킨 편집에서 웹폰트 설정을 수정하고 새로운 폰트를 추가할 수 있습니다.

티스토리 블로그 폰트 웹폰트 변경하는 법 – 쉽고 빠른 꾸미기 팁!