카테고리 없음

구글 폰트 사용법 - 티스토리 적용해보기

10dollars Tistory 2018. 10. 3. 13:27
반응형

네이버 무료 폰트를 검색하다가 구글 폰트를 티스토리에 적용하는 법까지 이르렀습니다. 블로그나 웹사이트의 디자인을 한층 더 끌어올려주는 [구글 폰트 디자인] 사용하는 법을 알아보도록 하겠습니다. 

->네이버 무료나눔글꼴 알아보기

구글 폰트


구글 폰트에 접속합니다.

1. 우측에 글꼴 분류 검색을 합니다. 

2. 검색된 글꼴 중 사용할 글꼴을 선택합니다.

3. 하단에 검은색바를 선택합니다.

구글 글꼴


4. CUSTOMIZE에서 원하는 글꼴형태를 선택합니다. 

폰트 디자인


5. EMBED에서 HTML 문서를 복사합니다. 

STANDARD 또는 @IMPORT를 선택하여 붙여넣습니다.

웹폰트


<티스토리 웹폰트 적용법>

  1. @IMPORT 선택하셔서 <style></style>를 제외한 부분을 CSS 최상단에 붙여넣습니다.

  2.  CSS에 [font-family: '구글폰트명']을 찾아 적거나 붙여넣습니다.


반응형