[Tistory] 폰트 바꾸기

내 티스토리 css 내 웹폰트 적용 시키는 방법

지금까지 웹페이지에 폰트 적용시킬 때 구글폰트 사이트를 이용하였는데 눈누라는 사이트를 발견했다!

눈누가 구글보다 훨씬 글씨체 종류가 많다.. 🥴🥴

방법은 같으니 둘중 원하는 사이트를 이용하면 될 것 같다.

내가 좋아하는 에스코어드림 선택!

빨간네모 안에있는 코드를 복사해보자

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

사이트에 접속 후 마음에 드는 폰트를 선택한다.

한국어 지원 폰트는 31개 뿐이다.

오른쪽에 이런 창이 뜬다.

빨간네모 안에있는 import 또는 llnk 태그를 복사한다.

내 스킨 기준 하단 설정모양 클릭!

스킨편집을 클릭한다

스킨편집 페이지 오른쪽 css탭을 클릭 해 준후 utf-8 아래에 아까 복사한 코드를 붙여넣어주자

아래 font-family도 s-coreDream-3Light로 바꿔준다

- 구글폰트는 왜인지 모르지만,, css내에 import가 먹지 않는다 ㅠㅠ

1. import를 복사했다면 HTML <style> 태그 내에

2. link를 복사했다면 HTML <head>태그 내에

붙여넣어준다 (둘 중 하나만!)

css 탭으로 넘어가

구글폰트 내 Import와 link 하단에 있는 CSS rules to specify families를 복사해

빨간 내모 font-family 설정을 바꿔준다

짠!

[Tistory] 마우스 커서 바꾸기/ 클릭 시 마우스 커서 변경 (0)	2022.07.28
[Tistory] 마우스 커서 애니메이션 효과 넣기 (0)	2022.07.28