달력

52025  이전 다음

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31

파란블로그에는 다음이나 네이버블로그처럼 다양한 무료폰트가 지원되지 않는다.(적어도 아직까지는..ㅠ)

그럼 웹폰트를 활용하여 파란블로거들도 블로그에 폰트를 적용시켜보자구요~

웹폰트적용이란 웹상에 올려져있는 작고 귀엽게 만들어진 글자체를 웹주소를 이용하여 빌려쓴다고 생각하시면면 됩니다.

따라서 웹폰트는 지원범위가 폰트별로 다를 수 있으므로 개인의 컴퓨터사양별로 보여질수도, 또는 안보여질수도 있죠.

파란블로그 자체의 폰트변형은 'HTML직접스킨꾸미기'에 들어가서 CSS편집에서 수정이 가능하지만,

여기서는 게시글을 포스팅하면서 웹폰트를 적용하는 방법을 소개하려합니다

웹폰트 적용하기

1.아래그림처럼 일단 에디터로 포스팅하고싶은 사진과 글을씁니다. (하필 폰트적용된 글을 스캔했네요..^^)

에디터에서 포스팅이 끝났으면 우측에있는 HTML을 클릭하여 HTML모드로 들어갑니다.




2. HTML모드로 들어오면 포스팅했던 글들이 아래그림처럼 복잡한 태그로 변형되어 있습니다.

눈아프니까 신경쓰지 마시고 그냥 스트롤바를 이용하여 맨아래로 드래그합니다.

그런다음 아래그림의 동그라미처럼 웹폰트소스를 붙여놓기합니다.




3. 끝났습니다.

HTML버튼을 한번더 누르시면 HTML모드에서 에디터모드로 바뀌고 적용된 폰트를 확인하실 수 있습니다.

4. 위의 방법은 비단 파란블로그만이 아니라 HTML모드를 지원하는 인터넷상의 모든 게시판에

같은방법으로 활용이 가능합니다.

인기있는 웹폰트 소스 몇가지..!

COOKIe_ongdalsam9 소스입니다..

<STYLE type=text/css> A:link {text-decoration:none;} A:visited {text-decoration:none;}
A:active {text-decoration:none;} A:hover {text-decoration:none;}@font-face {font-family:COOKIe_ongdalsam9; src:url(http://home.freechal.com/~takejihye/font/COOKIe-ongdalsam9.eot) };body,table,tr,td,select,input,div,form,textarea,font{font-family:COOKIe_ongdalsam9; font-size=10pt; } </STYLE>



동그리체 소스입니다..

<STYLE type=text/css> A:link {text-decoration:none;} A:visited {text-decoration:none;}A:active {text-decoration:none;} A:hover {text-decoration:none;}@font-face{font-family:zebe_Dongri; src:url(http://home.freechal.com/~takejihye/font/zebe_Dongri.eot) }; body,table,tr,td,select,input,div,form,textarea,font{font-family:zebe_Dongri; font-size=10pt; } </STYLE>



막내체 소스입니다..

<STYLE type=text/css> a:link { text-decoration: none; } a:visited { text-decoration: none; } a:active { text-decoration: none; } a:hover { text-decoration: none; }@font-face { font-family:막내; src:url(http://user.chol.com/~youngest/font/TTche.eot) };body,table,tr,td,select,input,div,form,textarea,font{font-family:막내; font-size=9pt; } </STYLE>



아트체 소스입니다..

<STYLE type=text/css> A:link {text-decoration:none;} A:visited {text-decoration:none;}A:active {text-decoration:none;} A:hover {text-decoration:none;}@font-face {font-family:아트체; src:url('http://home.freechal.com/~takejihye/font/whiteday10.wdwf')}; body,table,tr,td,select,input,div,form,textarea,font{font-family:아트체; font-size=10pt; } </STYLE>

엔터영원체 소스입니다..

<STYLE type=text/css> A:link {text-decoration:none;} A:visited {text-decoration:none;} A:active {text-decoration:none;} A:hover {text-decoration:none;}@font-face {font-family:엔터영원; src:url(http://jeh2085.com.ne.kr/jeh_font..eh) }; body,table,tr,td,select,input,div,form,textarea,font{font-family:엔터영원; font-size=10pt; } </STYLE>



화이트데이10 소스 입니다..

<STYLE type=text/css> A:link {text-decoration:none;} A:visited {text-decoration:none;} A:active {text-decoration:none;} A:hover {text-decoration:none;}@font-face {font-family: 화이트데이; src:url(http://home.freechal.com/~takejihye/font/whiteday10.wdwf) };body, table,tr,td,select,input,div, form,textarea,font{font-family:화이트데이; font-size=10pt; } </STYLE>




[흐르는 음악] Because You Loved Me Celine Dion

아이콘모음,작은아이콘,장식고리,키스사진모음,러브레터,아내에게,연애편지,html,블로그꾸미기,인라인,love letter,inline,앨범,다운로드,애드클릭스,배경, 한글폰트,바탕화면

Posted by 행키스
|