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

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

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

사이트 이미지
웹사이트

회원관리 사이트

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

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

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

사이트 이미지
쇼핑몰

해외 쇼핑몰

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

사이트 이미지
쇼핑몰

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

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

포트폴리오 보기

블로그 인기글

커스텀 디자인

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

Brizy Pro

페이지 빌더

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

Elementor Pro

페이지 빌더

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

Advanced Custom Field Pro

사용자 정의 필드

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

Pods

사용자 정의 콘텐츠 타입

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

블로그

국내 무료 폰트 중 수정이 자유롭고 배포가 가능한 폰트를 대상으로 웹폰트로 변환해 공유하는 작업을 계속 하고 있습니다. 이런 작업을 포털에서 작업해 서버에 저장하고 링크만 공유할 수 있도록하면 좋을텐데 개인이 해야하는 상황입니다. 구글에서는 유료 폰트라도 자체적으로 구매해서 누구나 사용할 수 있도록 하고 무료 폰트의 경우 요청을 하면 웹폰트로 등록해 쉽게 사용할 수 있도록 하고 있습니다. 한글 폰트는 용량이 커서 웹폰트로 사용하기 어렵지만 가장 많이 사용하는 글자인 2350 개로 줄여서 새로 만들면 아주 많이 줄어듭니다.

 

제주서체 안내 바로가기

 

 

 

제주서체는 제주특별자치도의 상징성과 문화적 고유성을 살리고 국제도시로서 디자인적 예술적 품격을 갖춘 문화예술의 이미지를 담은 미래 지향적 서체 개발을 통해 도민 및 국내외 관광객이 함께 한다는 시각적 친근감으로 활용도를 높이고 기능의 다양화로 공공 디자인 인프라를 조성하기 위해 만들어졌다고 합니다.

 

웹사이트에서 글자를 위처럼 이미지에 담으면 웹접근성이나 검색엔진 최적화에 전혀 도움이 되지 못합니다. 아직도 국내에서는 글자를 이미지로 만들어 업로드 해 사용하는 경우가 많죠. 글자 하나라도 모두 폰트로 사용하는 것이 정석입니다.

 

제주서체는 3가지 폰트가 있습니다. 그중 한라산체는 제주의 속성을 잘 표현한 글자로 디자인 측면에서 활용도가 높다고 볼 수 있습니다. 이와 비슷한 서체 중 이철수님의 목판 글꼴이 있습니다. 개인용으로만 사용이 가능해서 웹폰트로의 사용이 안됩니다. 물론 개인용 블로그에 사용은 가능합니다.

 

jejuttf.zip

 

제주서체의 3가지 폰트를 웹폰트로 변환해 압축한 파일입니다.

 

@import url("https://googledrive.com/host/0BxmAw3HA4YGCfjlXQy14aUVrZDJMeC04UWVxZ2xWdlZaXzZQelNuVWFzbzlvUHZiVnJ3c2M/jejuhallasan.css");
@import url("https://googledrive.com/host/0BxmAw3HA4YGCfnBTcHNJMjFxZjR0T0pPVjg0SHJRQmlWYnlxcnp6NXJjUzVTWHZzN2dkXzQ/jejugothic.css");
@import url("https://googledrive.com/host/0BxmAw3HA4YGCfmxGaWxXYTlETENLUDR5RC1MTVNDU3M3T2dTNVZpRkRMUXRSVHFqTndvejQ/jejumyeongjo.css");

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

 

.jejuhallasan { font-family:jejuhallasan !important; }
.jejugothic { font-family:jejugothic !important; }
.jejumyeongjo { font-family:jejumyeongjo !important; }

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

 

 

워드프레스 사이트에 적용해봤습니다.