티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다

청춘일기님이 소개하신 "구글의 새로운 한글 웹폰트" 구경해 보세요에 올린 글처럼 블로그의 특정 글꼴을 웹폰트로 적용하는 방법과 같이 블로그에 새로 올린 글과 제목 그리고 강조하고 싶은 문장을 아래와 같이 수정하여 글의 주제와 내용을 돋보이게 하여 보자.

티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다

H1 ~ H6 의 전체 적용된 웹폰트를  font-size는 14pt 에 최대한 가깝게 조정되어 있다.

' ooppa-chfont ' 는 청춘일기님의 웹폰트를  font-size는 12pt,  특정 글꼴( ㅠㅠ, ^^; ) 변경되는 폰트를 출력.

' ooppa-icon-491 ' 는 아이콘 폰트 ( ) 를 출력.

.article-desc.effect h1 { font-size: 1.54em; font-family: 'Song Myung', serif, 'ooppa-chfont', 'ooppa-icon-491'; }

.article-desc.effect h2 { font-size: 2.20em; font-family: 'East Sea Dokdo', cursive, 'ooppa-chfont', 'ooppa-icon-491'; font-weight: 400; }

.article-desc.effect h3 { font-size: 1.57em; font-family: 'Stylish', sans-serif, 'ooppa-chfont', 'ooppa-icon-491'; }

.article-desc.effect h4 { font-size: 1.37em; font-family: 'Lato', 'Tang Bisuda WebFont', 'ooppa-chfont', 'ooppa-icon-491'; }

.article-desc.effect h5 { font-size: 1.85em; font-family: 'Cute Font', cursive, 'ooppa-chfont', 'ooppa-icon-491'; font-weight: 700; }

.article-desc.effect h6 { font-size: 1.40em; font-family: 'Gugi', cursive, 'ooppa-chfont', 'ooppa-icon-491'; }

.article-desc.effect h1, 

.article-desc.effect h2,

.article-desc.effect h3,

.article-desc.effect h4,

.article-desc.effect h5,

.article-desc.effect h6 { text-shadow:1px 1px 0px #ffffff, 2px 2px 2px gray; line-height: 1.8; }

.ooppa-font { font-family: 'ooppa-chfont'; font-size: 1.1em; }

.ooppa-fontb { font-family: 'ooppa-chfont'; font-size: 1.1em; font-weight: 700; }

.ooppa-font1 { font-family: 'Song Myung', serif; font-size: 1.26em; }

.ooppa-font1b { font-family: 'Song Myung', serif; font-size: 1.26em; font-weight: 700; }

.ooppa-font2 { font-family: 'East Sea Dokdo', cursive; font-size: 1.8em; }

.ooppa-font2b { font-family: 'East Sea Dokdo', cursive; font-size: 1.8em; font-weight: 700; }

.ooppa-font3 { font-family: 'Stylish', sans-serif; font-size: 1.36em; }

.ooppa-font3b { font-family: 'Stylish', sans-serif; font-size: 1.36em; font-weight: 700; }

.ooppa-font4 { font-family: 'Lato', 'Tang Bisuda WebFont'; font-size: 1.15em; }

.ooppa-font4b { font-family: 'Lato', 'Tang Bisuda WebFont'; font-size: 1.15em;; font-weight: 700; }

.ooppa-font5 { font-family: 'Cute Font', cursive; font-size: 1.68em; }

.ooppa-font5b { font-family: 'Cute Font', cursive; font-size: 1.68em; font-weight: 700; }

.ooppa-font6 { font-family: 'Gugi', cursive; font-size: 1.2em; }

.ooppa-font6b { font-family: 'Gugi', cursive; font-size: 1.2em; font-weight: 700; }

.ooppa-font, .ooppa-fontb, 

.ooppa-font1, .ooppa-font1b, 

.ooppa-font2, .ooppa-font2b,

.ooppa-font3, .ooppa-font3b, 

.ooppa-font4, .ooppa-font4b, 

.ooppa-font5, .ooppa-font5b, 

.ooppa-font6, .ooppa-font6b { text-shadow:1px 1px 0px #ffffff, 2px 2px 2px gray; line-height: 1.4; }

H1 티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다 ^^

H2 티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다 ^^

H3 티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다 ^^

H4 티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다 ^^

H5 티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다 ^^

H6 티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다 ^^

테스트 0   테스트 1   테스트 2   테스트 3   테스트 4   테스트 5

오빠폰트 수정 ^^

오빠폰트 수정 ^^

h1 테스트 ^; ^^ ^_^ ㅠㅠ

h1 티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다 ^^; ^^;

h2 티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다 ^^;^^;

h3 티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다 ^^; ^^;

h4 티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다 ^^; ^^;

h5 티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다 ^^; ^^;

h6 티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다 ^^; ^^;

h7 티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다 ^^; ^^;

h8 티스토리, 문장을 강조하여 포스팅 내용과 주제를 돋보이게 합니다 ^^; ^^;