g마켓 산스체 티스토리 모든 스킨에 100% 적용하기 (완벽 정복)

여러분의 티스토리 블로그가 평범해 보이나요? g마켓 산스체 폰트 하나만 바꿔도 블로그의 분위기가 180도 달라질 수 있어요.

그래서 저도 g마켓 산스체로 폰트를 변경하려고 알아봤는데 생각보다 무척 힘들더라고요. 티스토리 블로그는 각 스킨마다 CSS코드가 조금씩 달라서 내 스킨에 적용하기 어려웠습니다.

그래도 결국 몇번의 실패 끝에 모든 스킨에 100% 적용 가능한 방법을 찾게 되었어요.

그래서 무료로 사용 가능한 G마켓 산스체를 티스토리에 완벽하게 적용하는 방법을 알려드리려고 해요.

이 글을 따라하면, 여러분의 블로그도 프로페셔널한 폰트로 탈바꿈할 수 있습니다!

G마켓 산스체, 왜 인기일까?

G마켓 산스체는 깔끔하고 현대적인 디자인으로 많은 사람들의 사랑을 받고 있습니다.

특히 가독성이 뛰어나 블로그 글쓰기에 최적화되어 있죠. 무료로 사용할 수 있다는 점도 큰 장점입니다. 하지만 이 폰트를 티스토리에 적용하는 과정이 조금 까다롭다고 느끼는 분들이 많습니다.

걱정 마세요! 이 글을 따라하면 여러분도 쉽게 적용할 수 있습니다.

G마켓 산스체 티스토리 적용 완벽 가이드

1. G마켓 산스체 다운로드하기

먼저 G마켓 산스체를 다운로드해야 합니다. 다운로드 방법은 아래 링크를 확인해보시면 됩니다.

G마켓 산스체 다운로드 하는 방법

g마켓 산스체 다운 링크

2. 티스토리 관리자 페이지 접속

티스토리 관리자 페이지에 로그인합니다. 왼쪽 메뉴에서 '스킨 편집'을 클릭하세요.

3. HTML 편집하기

1) 'HTML 편집' 탭을 선택하고, 먼저 다운 받은 g마켓 산스체 폰트 파일 3개을 "파일 업로드" 에서 추가 해주세요.

2) 그 이후 "CSS"로 이동해서 거의 앞부분에 사진과 같은 위치에 아래 코드를 붙여 넣습니다.


@font-face {
font-family: 'GmarketSansTTFBold.ttf';
font-style: normal;
font-style: normal;
src: url('./images/GmarketSansTTFBold.ttf');
}

@font-face {
font-family: 'GmarketSansTTFLight.ttf';
font-style: normal;
font-style: normal;
src: url('./images/GmarketSansTTFLight.ttf');
}

@font-face {
font-family: 'GmarketSansTTFMedium.ttf';
font-style: normal;
font-style: normal;
src: url('./images/GmarketSansTTFMedium.ttf');
}