Relation | 상업용 무료 웹소스·웹폰트·웹디자인

롯데자이언츠 폰트

Relation — Thu, 11 Jun 2026 12:00:19 +0900

롯데자이언츠 폰트 다운로드

title_ttf.zip

2.07MB

title_otf.zip

1.34MB

롯데자이언츠 폰트

롯데자이언츠만의 개성과 구도 부산을 상징하는 서체입니다.

롯데자이언츠 폰트는 전체적으로 역동적이며 시원하게 열린 자소와 트림을 통해 개성이 강헤게 표현됩니다.

반복되는 사선 이미지에서 속도감을 느낄 수 있으며, In-line에서 개성을 강화한 형태의 디자인을 통해 엣지 있으면서도 강직한 느낌을 받을 수 있습니다.

자이언츠체 글꼴 사용 조건 및 안내

- 자이언츠체의 지적재산권은 모두 (주)롯데자이언츠에 있습니다.

- 자이언츠체는 무룔로 사용할 수 있으며, 본 사용규정 안내 전문을 포함하여 재배포하실 수 있습니다.

- 롯데자이언츠는 계약 및 승인되지 않은 자이언츠체의 상업적 사용에 대해 민형사상 법적 조치를 제기할 수 있습니다.

적합하지 않은 상업적 사용은 삼가해 주십시오

상세 사용규정

1. 사용 제한 및 조건

- 자이언츠체는인쇄나 출판, 영상, 웹, 모바일 등에 자유롭게 사용할 수 있습니다.

- 자이언츠체를 수정하거나 다른 포맷으로 변형하여 사용한는 것은 엄격하게 금지됩니다.

- 자이언츠체는 폰트 소트웨어 또는 개별 구성요소인 폰트 자체로 유료 판매할 수 없습니다.

- 자이언츠가 사용된 인쇄물, 광고물(온라인 포함) 임지ㅣ 등은 롯데자언츠가 홍보 목적을 위해 활용할 수 있습니다.

이를 원치 않는 사용자는 언제든지 당사 고객센터로 요청 부탁드립니다.

- 본 라이선스는 상기 조건 중 일부라도 부합되지 않으면 무효가 될 수 있습니다.

- 롯데자이언츠는 자이언츷[의 사용 또는 기타 자이언츠의 취급과 관련하여 발생하는 어떠한 책임도 가지지 않습니다.

출처 : https://www.giantsclub.com/html/?pcode=1007

삼육대체

Relation — Tue, 9 Jun 2026 12:36:29 +0900

삼육대학체 다운로드

삼육대학체

삼육대학교는 지성과 영성과 신체의 균형잡힌 전인교육을 통해 인류사회에 기여하는 것을 교육이념으로 삼고 있습니다.

이러한 삼육대학교의 긍정적 아이덴티티를 더욱 효과적으로 전달하고자 삼육대학체를 제작하였습니다.

삼육대체는 삼육대학교의 UI를 응용하여 제작하였으며, 기존 UI 서체보다 판독성과 가독성을 높여 시각적 안정감을 상승시켰습니다. 직선을 사용한 다지인으로, 자소의 반듯하고 안정적인 이미지를 푠현하여 신뢰감을 강조하였습니다. 또한 자소들의 속공간을 살려, 또롯하고 자소의 이미지를 전달해 가독성을 높였습니다.

삼육대체는 삼육대체 Regular와 삼육대체 Light로 구성하여 다양한 용도로 활용 가능하도록 디자인했습니다. 각각 한글 11,172자, 영문 94자, 특수문자 986자를 개발했습니다. 삼육대체는 Regular의 경우, 획대비를 강조하여 주목성을 높여 헤드라인 폰트로 삼육대의 아이덴티티를 더욱 효과적으로 전달했습니다. 삼육대체 Light의 경우, 획대비를 줄여 가로획을 일정한 두께로 디자인해 전반적인 밸런스를 맞춰 가독성을 높인 디자인 입니다.

삼육대학체는 무료로 배포되는 오픈라이센스 폰트로 개인 및 기업 사용자 모두가 자유롭게 사용할 수 있습니다. 다만 모든 삼육대체의 지적재산권은 삼육대학교에 있으며, 폰트 파일을 유료로 판매하거나 변형할 수 없습니다.

라이센스 정책

문서, 인쇄, 출판, 광고, 영상, CI/BI, 웹사이트, UI/UX, E-BOOK, 임베딩 - 가능

출처 표기 의무 - 없음

폰트 파일 수정 및 재배포 - 가능

폰트 파일 자체의 유료판매 - 금지

상업적 이용 - 가능

폰트 파일의 수정, 편집, 복사, 배포 등이 대가로 비용을 청구하거나 수령 - 금지

출처 : https://www.syu.ac.kr/about-sahmyook/symbols-ui/syu-font/

cafe24,php(웹호스팅) - vercel(무료버젼) 간 json 데이터 검증

Relation — Thu, 4 Jun 2026 12:36:13 +0900

아직도 여길 벗어나지 못했다. 최근에 JSON 파일 호출을 성공했는데..

1주 뒤 무슨 이유로 에러가 나고 있다. (git으로 소스를 돌려도 에러가 나고 있다.)

1. 보안을 위해 vercel에서 URL, API key를 환경 변수에 담아 cafe24(PHP)에 JSON 파일 요청

1) 환경변수 인식의 오류

Authorization 헤더가 비어있다면

RewriteEngine On
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]

마이롯데체

Relation — Tue, 2 Jun 2026 12:30:12 +0900

My LOTTE체는 개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 제공됩니다. 인쇄물, 웹, 모바일, 광고물, 영상자료 등 다양한 범위에 사용 가능합니다.
My LOTTE체의 유료 판매, 임의 수정 및 2차 가공, 당사의 이미지를 훼손할 수 있는 불법사이트나 허위과장광고, 기타 공서양속에 반하는 인쇄/광고물에 사용을 금지합니다.

인쇄출판 : 브로슈어, 포스터, 책, 잡지 및 출판용 인쇄물 등

웹사이트 : 웹페이지, 광고배너, 메일, E-브로슈어 등

포장지 : 판매용 상품의 패키지

영상 : 영상물 자막, 영화 오프닝/엔딩 크레딧, UCC 등

엠베딩 : 웹사이트 및 프로그램 서버 내 폰트 탑재, E-book 제작

BI/CI : 회사명, 브랜드명, 상품명, 로고, 마크, 슬로건, 캐치프레이즈 금지

OFL : 폰트 파일의 수정/복제/배포가능 단 폰트 파일의 유료판매 금지

출처 : https://kr.lottedfs.com/about/mylottefont/content.do

참조 : https://www.sandollcloud.com/free-font/16745/My-LOTTE

남양주 운허체

Relation — Thu, 28 May 2026 11:00:08 +0900

남양주 운허

남양주 운허체 다운로드

남양주 운허체 폰트파일.zip

3.74MB

남양주 운허체
2025년 10월 9일 한글날 기념 서체인 남양주 운허 (손글씨체)는 운허스님의 필체를 기반으로 개발한 서체.
영문 대 소문자 및 영문 기반의 심볼은 지원하지 않음
문서제목, 각종 안내판 및 간판 홍보물과 책표지 인쇄물의 제목, 남양주시행사 현수막

출처 : https://www.nyj.go.kr/www/contents.do?key=2529

우리다움체

Relation — Tue, 26 May 2026 12:05:39 +0900

우리다움체 다운로드

우리다움체 다운로드

우리다움체
우리다움체는 우리금융그룹의 CI에서 출발한 공식 서체입니다.
우리금웅그룹 광고 /홍보물등에 동일한 섳를 사용함으로써 통일된 그룹 브랜트 이미지를 구축하고, 직원과 고객들에게 디지털에 최적화된 서체로서 편리하게 사용할 수 있는 서비스 도구로 제공하고자 개발되었습니다.

우리다움체 특징
우리다움체는 고딕체를 기본으로 글꼴의 두꼐에 변화를 주어 세련미를 담았습니다.
서체의 전체적인 틀을 사각에서 탈피하고 둥근 형태를 적용하여 보수적인 이미지에서 벗어나, 친근하고 부드러운 우리금융그룹의 이미지를 표현했습니다.
또한 자음과 모음을 연결하여 심플하고 가독성 높은 글꼴의 형태를 완성하였습니다.

라이선스
우리다움체는 개인및 기업 사용자를 포함한 모든 사용자에세 무료 제공되며, 자유롭게 사용하실 수 있습니다.(단 CI및 BI 제작에 사용 불가)
우리다움체의 지식재산권은 우리은행에 있습니다.
어떠한 이유로도 지식재산권 이외의 사용자 수정및 유료로 판매하는 행위를 금히하며, 배포되는 형태 그대로 사용해아합니다.

foreach, forEach, map

Relation — Thu, 21 May 2026 13:52:49 +0900

foreach (PHP)

배열이나 객체의 요소를 순회 할 때 사용. 배열의 키와 값을 모두 다룰 수 있습니다.

- 배열이나 객쳉만 상용 가능

- 루프 자체가 언어 차원에서 제공되므로, 메서드 호출이 아니라 문법적 구조 ??

<?php
$arr = ["a" => 1, "b" => 2];
foreach( $arr as key => $value){
 echo "$key => $value\n";
}
?>

forEach (Javascript)

배열 메서드로, 배열의 각 요소를 순화하면서 콜백함수를 실행합니다. 배열의 값과 인덱스를 다룰 수 있습니다.

- 배열 객체에 속한 함수.

- 콜백기반으로 동작 -> 함수형 프로그래밍 스타일에 적합

- break 나 continue 같은 제어문을 직접 사용 할 수 없음 필요시 for 문 사용

//javascript

const arr = ["a", "b"];
arr.forEach(value, index) => {
 console.log(index, value);
}

forEach() 와 map() 차이?

forEach() 는 배열을 단순히 순회하며 코랩을 실해하는 메서드이고 map() 은 배열을 순회하면서 변환되는 값을 모아 새로운 배열을 반환하는 메서드입니다. 즉, 결과 배열이 필요하면 map(), 단순 실행만 필요하면 forEach를 사용합니다.

forEach :

결과 배열이 필요 없고, 단순히 실행만 할 때

예) 로그출력, DOM 업데이트, 외부 변수에 값 누적

map :

원본 배열을 변환해 새로운 배열을 만들때

예) API 응답에서 특정 필드만 추출, 숫자 변환, UI 렌더링용 데이터 생성

// javascript forEach

const number = [1,2,3];
number.forEach( n =>{
 console.log( n * 2); //출력만 하고 끝
});

반환값 없음 -> undefined

// javascript map

const number = [1,2,3];
const ls = number.map(n => n * 2);

console.log(ls); //[2,4,6]

왜 새 배열을 만들어야 하나?

(프런트엔드에서 json 데이터를 게시판으로 뿌릴 때 map()이 굳이 새 배열을 만들어야 하는지)

map은 입력 배열 -> 변환된 새 배열이라는 순수 함수적 패턴을 따릅니다.

원본 배열은 건드리지 않고, 변환된 결과만 반환하기 때문에 불변성을 유지할 수 있습니다. 이는 React 같은 라이브러리에서 상태 괸리하는 렌더링에 매우 중요

- 게시판을 뿌릴때, 보통 데이터-> UI 요소 배열로 변환 React에서 map()을 쓰면 json 배열을 바로 JSX 배열로 바로 변경 가능

1. map() 은 새 배열 (컴포넌트 배열)을 반환하기 떄문에 바로 렌더링에 사용

// react

const posts = [{title:"공지"}, {title:"이벤트"}];
return(
 <ul>
  {posts.map(post => <li key={post.title}>{post.title}</li>)}
 </ul>
);

2. 체이닝 가능

map()은 새 배열을 반환하므로 이어서 filter, sort reduce 같은 메서드를 체인으로 연결 할 수 있다.

React 에서 많이 사용

// javascript

const title = posts
	.map(post => post.title)
    .filter(title => title.include("공지"));

행복 고흥체

Relation — Thu, 21 May 2026 12:03:27 +0900

헹복 고흥체 다운로드

행복고흥체 다운로드

행복고흥체.zip

3.40MB

행복고흥체
세련미 균형감 가독성 + 최적의 굵기 장평 자간 조절
'지붕없는 미술관 고흥'의 캘리그라피의 조형적 특징을 기본으로 필력에 따른 흐름이 잘 보여지고 있다. 힘 있는 시작과 부드러운 획의 곡선을 강조하여 고흥군의 진취적인 기상을 표현하였고, 자소의 크기와 형태를 달리하여 명쾌하고 다양한 느낌으로 새로움을 준다.

고흥군 전용서체 저작권
고흥군 전용서체인 "행복고흥체"는 누구나 무료로 다운로드 받아 사용하실 수 있습니다.
영상, 매체, 인터넷, 모바일 등 다양한 매체에서 자유롭게 사용이 가능하며, 특별한 허가 없이 사용하실 수 있습니다.
인쇄물(포스터, 브로슈어, 리플릿 등)이나 출판용 서체, 웹사이트 등 저작권자를 밝히어 사용이 가능한 곳은 저작원자를 밝히고 사용해 주시기 바랍니다.
예) 이 인쇄물은 행복고흥체를 사용하여 디자인되었습니다.
주의 사용자는 전용서체 다운로드 후 사용 시 서체 파일명 변경을 금지

출처 : https://www.goheung.go.kr/contentsView.do?pageId=www158

Freesentation 프리젠테이션

Relation — Tue, 19 May 2026 12:27:18 +0900

프리젠테이션 폰드 다운로드

Freesentation (프리젠테이션) 다운로드

Freesentation_1.006.zip

5.67MB

Freesentation-2.001.zip

10.68MB

Freesentation 프리젠테이션

세상에 없던 파워포인트를 위한 폰트
누구나 막 써도 예쁜, 그런 폰트를 만들고 싶었어요.
파워포인트는 수 많은 직장인돠 학생, 교사, 공무원, 자영업자들까지 가장 방대한 직종에서 가장 많이 사용된 는 프로그램일거예요. 디자인을 몰라도 , 누구나 잘 쓸 수 있는 그런 폰트가 있으면 좋겠다는 생각을 했어요.

본고딕(한글) + Roboto(영문)을 결합하여 리디자인 하였습니다.

폭이 좁은 장체 스타일로 글자를 더 크게 더 많이
글자너비와 글자사이를 좁게하여 같은 공간에 더 큰(또는 많은)글자를 담아내다.

문자 간격은 쫀쫀하게 중 간격은 시원하게
번거로운 간격 조정 이제 그만. 기본 간격 그대로!

텍스트 윤곽선을 넣지 않아도 작은 글씨가 깔끔하게
더이상 텍스트에 투명한 윤곽선을 넣지 마세요! 그냥 써도 깔끔하니까요.

한 눈에 알아보기 쉽게! 딱 떨어지는 고정폭 숫자
숫자 1으,ㅣ 폭을 동일하게 하여 콤마 소숫점 자리 맞춤

챕터 타이틀을 위한 Slab Serif 로마 숫자
밋밋한 고딕체 로마숫자에 명조 한 스푼~ 누가 봐도 로마숫자스럽게!

텍스트 상자 위, 아래 간격을 동일하게
텍스트가 도형 중심에 잘 위치하도록 수직메트릭스를 맞추었지요~

글자 높이에 맞춘 형광펜 두께 맞춤
형광펜이 넘 위로 올라오지 않도록 글자에 맞게 수정

백번까지 거든 반원숫자
원 숫자가 20번까지 밖에 없어서 아쉬우셧죠?

자주쓰는 기본 아이콘
아이콘 찾으러 다니지 마시고, 텍스트와 함께 사용하세요!

윈도우에서는 폰트 없이도 다른 파일에 복붙 가능
글꼴 포함된 문서를 폰트가 없는 컴퓨터에서 내용을 복사해 다른 파일 또는 새파일에 붙여넣으면 대부분의 폰트는 깨지거든요. 프리젠테익션은 깨지지 않아요! 다만, 윈도우에서만 가능해요.

라이선스
Freesentation은 상업적으로 사용 가능한 완전 무료 폰트입니다.
Freesentation은 노토산스(본고딕)와 같은 SIL 오픈폰트라이선스(OFL)에 따라 글꼴 단독 판매 또는 글꼴 라이선스 변경을 제외한 모든 상업적 행위및 수정, 재배포가 가능합니다.

PAPERLOGY

Relation — Thu, 14 May 2026 12:00:22 +0900

PAPERLOGY 다운로드

Paperlogy-1.000.zip

2.18MB

PAPERLOGY 다운로드
- https://relation-co-kr.tistory.com/197

G마켓산스(한글) + Montserret(영문) + M PLUS2(일본어)의 결합

글자의 도형 높이 중심을 맞췄습니다.
G마켓산스가 윗쪽으로 쏠려서 여백조정하느라 귀찮으셨죠?
페이퍼로지체는 도형 중심에 딱 오니까 을마나 편하세요~

자간조정없이 그대로 쓰세요!
자간 조정이 필요 없도록 기본 자간을 좁혀뒀어요

한 눈에 수치비교가 가능한 고정폭 숫자!
모든 숫자의 너비를 동일하게 하였습니다.

라이선스
페이퍼로지체는 상업용으로 사용 가능한 무료 폰트입니다.
SIL 오픈폰트라이선스(OFL)에 따라 글꼴 단독 판매 또는 글꼴 랑선스 변경을 제외한 모든 상업적 행위및 수정, 재배포가 가능합니다.

출처 : https://freesentation.blog/paperlogyfont#footer-background