close this form

NAME

E-MAIL

TELEPHONE

CAPTCHA CODE
captcha

SUBJECT

MESSAGE

ABOUT | NEWS & EVENT | PORTFOLIO WORDPRESS TIP
close this form

NAME

E-MAIL

TELEPHONE

CAPTCHA CODE
captcha

SUBJECT

MESSAGE

ABOUT | NEWS & EVENT | PORTFOLIO WORDPRESS TIP
close this form

RECENT

highlight

head_font

HHOMM Basic 은 ‘HHOMM Basic v0.1 테마 최적화 방법‘ 에서 소개한 것처럼, wp-cufon 플러그인을 활용하고 있습니다. 기존의 웹폰트가 MS익스플어러에서만 제한적으로 작동하는 반면, cufon의 서체는 브라우져의 특성을 타지 않습니다. HHOMM Basic 는 심플한 기본 바탕 위에 서체를 통해 사이트의 캐릭터를 살릴 수 있도록 디자인 되었습니다.

사이트 명과 카테고리 명, 글 제목, 글 요약 등에 cufon 서체를 지정할 수 있습니다.

cat_fontside_fontfoot_font

2010년 2월 9일, 현재 hhomm.com에 적용되어 있는 서체는 Bradley Hand ITC TT와 네이버에저 제작한 나눔고딕 입니다. 사이트명과 카테고리 명에 해당하는 h1은 Bradley Hand ITC TT 가 적용되었고, 글 제목 및 요약글을 보여주는 h2, h3는 한글 사용이 가능하도록 나눔고딕으로 하였습니다. “hover : true” 이 빠지지 않도록 주의하세요. 이 옵션을 빠뜨리면, 링크를 포함한 하이퍼텍스트의 경우 롤오버에 문제가 생기게 됩니다.

Cufon.replace(‘h1′, { fontFamily:’Bradley Hand ITC TT’ , fontWeight:400 , hover: true });
Cufon.replace(‘h2′, { fontFamily:’NanumGothic’ , fontWeight:400 , hover: true });
Cufon.replace(‘h3′, { fontFamily:’NanumGothic’ , fontWeight:400 , hover: true });

hhomm_cufon_set

(cufon 으로 서체를 적용할 때는 저작권에 문제가 될 수 있으니 미리 확인하시기 바랍니다.)

앞으로 cufon 플러그인에 적용할 수 있는 무료 폰트들을 모아서 소개할 예정입니다. 사이트 성격에 맞는 서체를 골라 적용해보시기 바랍니다.


Related Posts

  • HHOMM Basic v0.1 테마 최적화 방법HHOMM Basic v0.1 테마 최적화 방법 HHOMM Basic v0.1 테마는 워드프레스 2.9를 기준으로 제작되었습니다. Mac 시스템의 Safari, Firefox 브라우져를 기준으로 작업되었으며, MS explorer 6, 7에서 테스트 되었습니다. 테마는 […]
  • 현재 페이지의 경로를 보여주는 플러그인, BREADCRUMB NAVXT현재 페이지의 경로를 보여주는 플러그인, BREADCRUMB NAVXT 현재 페이지의 경로를 표기해주면 방문자는 지금 읽고 있는 글이 어떤 카테고리에 속해 있고 또 그 상위 카테고리는 무엇인지 전체 컨텐츠 분류 체계를 한 눈에 파악할 수 있게 된다. 마치 윈도우의 탐색기를 쓸 때 처럼 말이다. […]
  • 발렌타인데이를 위한 선물, Valentine’s Day 플러그인발렌타인데이를 위한 선물, Valentine’s Day 플러그인 곧 있으면 발렌타인데이인데 워드프레스 플러그인 중에서 이런 이벤트를 위해 만들어진 녀석이 있다. 워낙 소소하긴 하지만 이름부터가 "발렌타인데이(Valentine's Day)"이니 2월 14일을 기념해 사용해보는 것도... […]
  • Hongmario

    좋은정보네

  • Hongmario

    좋은정보네요 ^^ 사이트 정말 깔끔해요~

    • 감사합니다. 한동안 워드프레스 관련 업데이트를 하지 못했는데 2012년에서 관련 정보 포스팅과 테마 작업을 진행할 계획입니다. ^^

%d 블로거가 이것을 좋아합니다: