smarti,스마트아이

마포 서체

Mapo꽃섬 서체 다운로드 및 설치

지자체 최초로 마포구가 마포의 상징 및 이미지를 살려 일자리 창출과 구의 홍보를 위해, 마포 브랜드 서체 개발 프로젝트로 완성 되었다.

다운로드 : www.mapo.go.kr/site/main/content/mapo04010201

마포의 서체 | 마포구 소개 | 마포구 소개 | 대표사이트

위 마포구 사이트내 '마포의 서체' 페이지에서 '서체통합Window자동설치' 를 클릭하여 실행파일로 설치를 자동으로 실행을 하던지, 아니면 스크롤을 내려 각각 필요한 폰트만 'TTF' 파일로 받아 아래의 위치에 넣어주면 된다.

윈도우 폰트 폴더

서체통합자동설치를 하면 Mapo금빛나루, Mapo당인리발전소, Mapo애민, Mapo꽃섬, Mapo마포나루, Mapo한아름, Mapo다카포, Mapo배낭여행, Mapo홍대프리덤 등의 서체가 같이 설치된다.

각각 한글이 멋스럽고 특징이 잘 살아있는 마포 서체를 잘 활용하면 좋을 것 같다.

폰트 라이선스

- 마포 브랜드 서체의 지적 재산권은 마포구에 있습니다.
- 마포 브랜드 서체는 개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 제공합니다.
  단, 출처는 표기하시길 권장합니다.
- 마포 브랜드 서체는 인쇄물, 광고물, 온라인 등 상업적 목적으로 사용할 수 있습니다.
  단, 유료로 판매하는 것은 금지하며 마포 브랜드 서체는 수정 할 수 없으며 배포되는 형태 그대로 사용해야 합니다.
- 마포 브랜드 서체를 사용한 인쇄물, 광고물(온라인 포함)의 이미지는 마포구 프로모션을 위해 활용될 수 있습니다.
  이를 원치 않는 사용자는 언제든지 마포구에 요청하실 수 있습니다.

문의: 마포구청 일자리지원과(02-3153-8553)

카테고리	사용범위	허용 여부
인쇄	브로슈어, 책, 포스터, 잡지 및 인쇄물 등	○
웹사이트	웹페이지, 광고 배너, 메일, E-브로슈어 등	○
영상	영상물, 자막, UCC 등	○
포장지	판매용 상품의 패키지	○
임베딩	웹사이트 및 프로그램 서버 내 폰트 탑재, E-Book 제작	○
BI/CI	회사명, 브랜드명, 상품명, 로고, 마크, 슬로건, 캐치프레이즈	○
OFL	폰트 파일의 수정/복제/배포 가능. 단, 폰트 파일의 유료 판매는 금지	X

웹폰트로 사용하기

아래의 내용을 CSS에 필요한 곳에 넣으면 된다.

마포꽃섬

@font-face { font-family: 'MapoFlowerIsland'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoFlowerIslandA.woff') format('woff'); font-weight: normal; font-style: normal; }

마포금빛나루

@font-face { font-family: 'MapoGoldenPier'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoGoldenPierA.woff') format('woff'); font-weight: normal; font-style: normal; }

마포애민

@font-face { font-family: 'MapoAgape'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoAgapeA.woff') format('woff'); font-weight: normal; font-style: normal; }

마포홍대프리덤

@font-face { font-family: 'MapoHongdaeFreedom'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoHongdaeFreedomA.woff') format('woff'); font-weight: normal; font-style: normal; }

마포한아름

@font-face { font-family: 'MapoPeacefull'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoPeacefullA.woff') format('woff'); font-weight: normal; font-style: normal; }

마포배낭여행

@font-face { font-family: 'MapoPeacefull'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoPeacefullA.woff') format('woff'); font-weight: normal; font-style: normal; }

마포다카포

@font-face { font-family: 'MapoDacapo'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoDacapoA.woff') format('woff'); font-weight: normal; font-style: normal; }

마포당인리발전소

@font-face { font-family: 'MapoDPPA'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoDPPA.woff') format('woff'); font-weight: normal; font-style: normal; }

마포마포나루

@font-face { font-family: 'MapoMaponaru'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoMaponaruA.woff') format('woff'); font-weight: normal; font-style: normal; }

 

[세상살이] - 엣지 브라우저 확장 기능으로 마우스 우클릭 해제

엣지 브라우저 확장 기능으로 마우스 우클릭 해제

[코딩공부] - CSS fixedNavigation2 예제 다운로드

CSS fixedNavigation2 예제 다운로드

[세상살이] - 다음, 네이버 빠른 길 찾기

다음, 네이버 빠른 길 찾기

[코딩공부] - HTML5 기본정리 1

HTML5 기본정리 1

[디자인공부] - 포토샵에 3D 메뉴로 3D 문자 만들기

포토샵에 3D 메뉴로 3D 문자 만들기