웹/블로그 (2) 썸네일형 리스트형 티스토리 반응형 #2 형광펜 효과, 글씨 꾸미기, 굵기 효과 바꾸기 - CSS 포스팅을 작성하거나 웹 페이지를 만들 때 글씨를 굵게 만들거나, 기울임 꼴(이탤릭체), 밑줄, 취소선, 등 여러 가지 효과를 줄 수 있다. 이때 CSS를 이용하여 기본적인 효과가 아닌 효과를 줄 수 있는데 티스토리 반응형 스킨#2에서 본문 작성 시 형광펜을 칠한 듯 하이라이트 효과를 주는 방법을 알아보자 우선 스킨을 변경하기 전 [블로그관리] - [스킨 변경] - 사용 중인 스킨 [보관]을 통해 꼭 백업을 해두기를 추천한다. 글씨 굵게 효과를 형광펜으로 본문의 글을 작성하고 F12를 클릭하여 소스를 확인해보면 티스토리 반응형 #2 스킨에선 본문이 contents_style 클래스로 묶여있음을 확인할 수 있다. 우리는 이 클래스에 CSS를 적용할 예정이다. 혹시 다른 스킨을 이용중이라면 같은 방법으로 F1.. 티스토리 반응형 #2 웹폰트로 글꼴(폰트) 바꾸는 방법과 뭉개짐(깨짐)현상 해결법 마음에 드는 웹폰트를 찾아 나만의 블로그에 적용하는 방법 이 블로그는 티스토리 반응형 #2 스킨을 사용 중이므로 반응형 #2 스킨을 기준으로 작성. 블로그에 웹폰트 적용하기 1. 마음에 드는 웹폰트 찾기 제일 먼저 블로그에 적용시키고 싶은 폰트를 찾아야한다. 아래 두 사이트는 많은 이용자들이 이용하는 눈누와 구글폰트이다. 해당 사이트에서 마음에 드는 폰트를 찾는다. 눈누 상업용 무료한글폰트 사이트 noonnu.cc 눈누 Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 구글 폰트 (1) 눈누 이용 필자는 눈누에서 유토이미지고딕R을 선택했다. 여기서 오른쪽에 보이는 웹폰트로 사.. 이전 1 다음
