워드프레스 쇼핑몰, 웹사이트

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
웹사이트

회원관리 사이트

회원관리 프러그인을 이용한 학회 홈페이지.

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
쇼핑몰

해외 쇼핑몰

해외 대상 쇼핑몰. 다양한 플러그인 사용됨.

사이트 이미지
쇼핑몰

강아지 용품 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

포트폴리오 보기

커스텀 디자인

여러 종류의 플러그인을 이용해 페이지와 콘텐츠를 커스텀 디자인

Brizy Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Elementor Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Advanced Custom Field Pro

사용자 정의 필드

커스텀 콘텐츠 작업에 필요한 플러그인

Pods

사용자 정의 콘텐츠 타입

기본 콘텐츠 타입외에 다양한 형태의 콘텐츠 생성.

블로그

나눔 바른펜은 네이버에서 만든 폰트 시리즈 중 하나로 정직하게 꾹꾹 눌러 쓴 듯한 손글씨체로 고딕체를 바탕으로 하여 담백하고 절제된 느낌이라고 합니다. 구글 웹폰트에 이미 여러 가지가 업로드 돼있지만 나눔 바른펜은 없어서 웹폰트로 변환했습니다.

 

 

나눔펜은 R(Regular)과 B(Bold) 버전이 있습니다. 두가지 모두 작은 글자라도 손글씨 치고는 바른 글자라서 가독성이 좋습니다. 감성이 필요한 블로그 글에 사용하면 좋을 듯 합니다.

 

Nanum-barun-pen.zip

 

@import url("https://googledrive.com/host/0BxmAw3HA4YGCfkpJRUw0RGNraDFnVzRFdjhaQnRFQ3BzZ00tRFZobGlKcmprb1hiSUFvZkE/nanumbarunpenr.css");
@import url("https://googledrive.com/host/0BxmAw3HA4YGCfnE1U2tYVjN2UkVLWnEzaVdsWDRUZ3VFbmpJckF3UG56WkpLSUxKMXFaTlU/nanumbarunpenb.css");

구글 드라이브에 파일을 업로드 했으니 스타일시트에 위처럼 사용할 수도 있습니다. 경로가 길어서 구글의 URL 단축기(Shortner)를 사용해봤지만 적용이 안됩니다. 서버에 설치하면 보다 짧아지겠는데 제 서버는 트래픽 제한이 있어서 많은 링크가 있을 경우 감당하지 못할 것 같습니다.

 

.nanumbarunpenr { font-family:nanumbarunpenr !important; font-size:18px; }
.nanumbarunpenb { font-family:nanumbarunpenb !important; font-size:18px; }

폰트 적용은 위와 같이 폰트 패밀리를 설정하면 됩니다. 위 @import 규칙을 사용해보시고 속도가 어떤지 점검해보세요. 구글은 서버가 가장 가까운 곳이 대만에 있지만 빠릅니다.


웹폰트를 자신의 서버나 호스팅에 설치하고 사용하고자 할 경우 아래의 글을 참고하세요.


http://martian36.tistory.com/1392


 

 

 

 

댓글 (5)

댓글 목록

herinnn access_time

정말 감사합니다!!

티스토리초보 access_time

티스토리 초보라 어떻게 꾸밀지 둘러보다가 좋은 글 잘 읽고 갑니다. 감사합니다!!

access_time

비밀댓글입니다

홀리 access_time

import 방식으로 올려주신 구글 드라이브 링크 감사히 사용중이었습니다. 며칠 전부터 웹폰트가 적용되지 않아 확인해보니 구글 드라이브 링크에 에러가 뜨네요. 제가 웹폰트 업로드를 해보려고 하니 서치를 해봐도 어떻게 하는 건지 잘 설명되어 있는 글을 찾기 힘들더라고요. 어떻게 해결할 수 있을까요?

베누시안 access_time

http://martian36.tistory.com/1392

위 글을 참고하세요.