본문 바로가기
IT 정보

[티스토리] 링크버튼 폰트 변경하는 방법 폰트 바꾸기

by 앙또🍑 2025. 3. 10.
반응형

버튼 링크를 만들었는데, 폰트가 안예뻐서 고민이신가요?

저도 버튼은 만들어봤는데 폰트가 예쁘지 않아서

폰트 변경하는 방법을 알아본 후 이렇게 예쁜 폰트로 바꾸었답니다.


 


폰트 변경하는 방법은 번거롭긴 하지만 어렵진 않습니다.

마음에 드는 폰트를 찾는다 - 눈누 이용

 

1. 먼저 눈누 사이트에 들어가 마음에 드는 폰트를 골라보세요.

 

눈누 바로가기

 

저는 [학교안심 나들이]라는 폰트를 골라보았습니다.

 

2. 우측에 웹폰트로 사용에서 복사버튼을 클릭하여 복사해줍니다.

 

 

 

스킨편집에서 폰트를 추가한다.


3. 티스토리 블로그 관리 홈 > 꾸미기 > 스킨편집으로 들어갑니다.



4. CSS탭을 클릭하여 /* Web Font Load */ 영역에서 복사한 부분을 붙여넣기 해줍니다.

(@font-face가 파란색으로 활성화되면 성공입니다.)

 

 

5. font-family 옆에 기재된 폰트명을 복사합니다.

 

6.CSS에서 링크버튼 부분에 보면 font-family가 있는데 복사한 폰트명을 붙여넣기 해줍니다.



예쁜 폰트로 변경이 완료되었습니다!

 

7. 짜잔-! 예쁜 폰트로 변경이 완료되었습니다.

 

차근차근 따라해보시고 원하시는 폰트로 변경하여 다양한 버튼 디자인을 해보시길 바랍니다.

 

버튼 링크 만드는 방법이 궁금하신 분들은 아래 포스팅을 참고하시기 바랍니다.

[티스토리] 버튼 만들기, 클릭 링크 버튼 만드는 방법

 

[티스토리] 버튼 만들기, 클릭 링크 버튼 만드는 방법

다른 티스토리 블로그를 가보면 화려한 링크버튼들이 많은 걸 보곤 하는데요.저도 이번에 처음으로 링크버튼을 만들어 보았습니다.티스토리에 애드센스를 달게 되면 클릭 시 전면광고가 뜨기

angtto.com

 

 

반응형