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

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

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

사이트 이미지
웹사이트

회원관리 사이트

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

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

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

사이트 이미지
쇼핑몰

해외 쇼핑몰

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

사이트 이미지
쇼핑몰

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

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

포트폴리오 보기

커스텀 디자인

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

Brizy Pro

페이지 빌더

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

Elementor Pro

페이지 빌더

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

Advanced Custom Field Pro

사용자 정의 필드

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

Pods

사용자 정의 콘텐츠 타입

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

블로그

그동안 나눔 고딕 웹폰트를 사용하는 방법을 두가지 알아봤습니다. 이번에는 구글 웹폰트 사이트에 링크해서 나눔체의 여러가지 폰트를 사용하는 방법을 알아봅니다. 아래 링크로 이동해서 아래로 스크롤 하면 중간 쯤에 나눔체를 사용하는 방법이 나옵니다. 처음에 나눔 붓체의 링크가 있습니다.


http://www.google.com/webfonts/earlyaccess


나눔 붓체

Nanum Brush Script (Korean)

The Nanum fonts (Korean : 나눔글꼴) are unicode fonts designed especially for the Korean-language script, designed 

by Sandoll Communications (Korean : 산돌 커뮤니케이션) and Fontrix (Korean : 폰트릭스). The publisher is Naver. 

Nanum Brush Script is a contemporary brush script with a warm touch and is expertly hinted for screen use.

Link

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

Example

font-family: 'Nanum Brush Script', cursive;
SIL Open Font License, 1.1 | Download


위 링크는 스타일시트에 삽입해서 사용하는 방법입니다. 즉 스타일시트 상단에 웹폰트 링크를 입력하고 그 다음부터 웹폰트를 사용하고자 하는 곳에 스타일시트를 선언해 주면 됩니다.


<head> 태그에 시용할 경우는 다음과 같이 하면 됩니다.


<link href='http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css' rel='stylesheet' type='text/css' />


위와같이 <head>...</head> 태그 사이에 삽입하고 다음과 같이 스타일시트에 선언합니다.


body {

font-size: 14px;

font-size: 1rem;

font-family: 'Nanum Brush Script', Helvetica, Arial, sans-serif;

text-rendering: optimizeLegibility;

color: #444;

}

위의 예는 나눔 붓체의 경우이고 다른 폰트는 이름을 다르게 하면 됩니다.


Nanum Gothic (Korean)

The Nanum fonts (Korean : 나눔글꼴) are unicode fonts designed especially for the Korean-language script, designed 

by Sandoll Communications (Korean : 산돌 커뮤니케이션) and Fontrix (Korean : 폰트릭스). The publisher is Naver. 

Nanum Gothic is a contemporary sans-serif with a warm touch and is expertly hinted for screen use.

Link

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

Example

font-family: 'Nanum Gothic', sans-serif;
SIL Open Font License, 1.1 | Download


Nanum Gothic Coding (Korean)

The Nanum fonts (Korean : 나눔글꼴) are unicode fonts designed especially for the Korean-language script, designed 

by Sandoll Communications (Korean : 산돌 커뮤니케이션) and Fontrix (Korean : 폰트릭스). The publisher is Naver. 

Nanum Gothic Coding is a contemporary monospaced sans-serif with a warm touch and is expertly hinted for 

screen use.

Link

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

Example

font-family: 'Nanum Gothic Coding', monospace;
SIL Open Font License, 1.1 | Download


Nanum Myeongjo (Korean)

The Nanum fonts (Korean : 나눔글꼴) are unicode fonts designed especially for the Korean-language script, designed 

by Sandoll Communications (Korean : 산돌 커뮤니케이션) and Fontrix (Korean : 폰트릭스). The publisher is Naver. 

Nanum Gothic is a contemporary sans-serif with a warm touch and is expertly hinted for screen use.

Link

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

Example

font-family: 'Nanum Myeongjo', serif;
SIL Open Font License, 1.1 | Download


Nanum Pen Script (Korean)

The Nanum fonts (Korean : 나눔글꼴) are unicode fonts designed especially for the Korean-language script, designed 

by Sandoll Communications (Korean : 산돌 커뮤니케이션) and Fontrix (Korean : 폰트릭스). The publisher is Naver. 

Nanum Pen Script is a contemporary pen script with a warm touch and is expertly hinted for screen use.

Link

@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

Example

font-family: 'Nanum Pen Script', cursive;
SIL Open Font License, 1.1 | Download

댓글 (6)

댓글 목록