본문 바로가기

분류 전체보기165

이사만루체, 타이틀 제목글로 적합한 폰트(상업용도 가능) 상업적 용도로 사용이 가능한 타이틀로 쓰기 좋은~ 굵은 폰트의 이사만루체-! 공게임즈에서 만든 폰트 인데, 자주 사용하던 지마켓 폰트랑 비교했을때 LIGHT 폰트가 두꺼운 편이다. 폰트 두께 두꺼운 폰트 활용예제 라이센스 2020년 한글날을 맞이하여, 공게임즈와 폰트릭스가 손을 잡고 개발한 공게임즈 전용 폰트 '이사만루체'를 소개합니다. 공게임즈 로고와의 연결성과 활용성에 집중해서 개발하였습니다. 이사만루체는 홍보나 이벤트 등의 대외 활용 시 일관된 폰트의 사용을 통한 우리만의 아이덴티티를 구축하는데 가장 큰 목적이 있습니다. 제목에는 bold를, 본문에는 Light와 Medium사용을 권장합니다. 이사만루체의 지적 재산권 및 모든 권리는 (주)공게임즈에 있습니다. 상업적 용도를 포함하여 누구나 자유롭게.. 2021. 10. 8.
[CSS 활용]fade in/out animation배경 이미지가 서서히 나타나게 하기 이미지(배경화면) 서서히 나타나게 하기이미지가 첫 화면에서 자연스럽게 나타나게 되면 부드러운 느낌을 준다. 배경뿐만 아니라 다양한 요소 (폰트/이미지) 에서도 쓰일 수 있는 fadein / fadeout 애니메이션이다. CSS animation을 활용! HTML 마크업 CSS#main { width: 100%; margin:0 auto; animation: fadein 5s ease 3s; -webkit-animation: fadein 3s; /* Safari and Chrome */ } #main img{ width: 100%; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { /* Saf.. 2021. 10. 7.
[CSS 활용]css 활용 예제 - 라디오 버튼을 활용한 선택 버튼 디자인 라디오 버튼 태그 활용 - 버튼 디자인 CSS모바일이나 웹에서 두 가지 중 하나를 택해야 하는 선택지가 있을 경우, 라디오 버튼 보다는 버튼 형태를 많이 사용하는데 기능은 라디오 버튼 기능을 갖지만 모양은 css로 버튼 형태로 주기. HTML라디오 버튼에서, 텍스트를 눌렀을때 같이 선택되게 하려면 id속성과 label for속성을 같게 설정한다. tag label 속성 미혼 기혼 CSS 타입 선택자/인접 선택자 - input[type=radio]+label 선택자 종류 상세 .select { padding: 15px 10px; } .select input[type=radio]{ display: none; } .select input[type=radio]+label{ display: inline-block.. 2021. 10. 7.
[CSS 활용]티스토리 book club 스킨 커스텀2 (카테고리보기-썸네일 크기 및 텍스트 길이 수정) 티스토리 book club 스킨 커스텀 두번째 카테고리 보기 페이지 1. 썸네일 크기 및 위치 수정 2. 보여지는 설명글 텍스트 길이 수정 기존 변경 후 거의 이미지가 주를 이루는 블로그 이기에 글자보다 이미지가 더 돋보이는게 중요하므로, 폰트가 많이 보이지 않아도 되는 방향으로 수정- 방법: html 에서 썸네일 사이즈 수정 -> CSS 추가 수정 현재 들어간 이미지 사이즈 확인 개발자 모드로 들어가서 썸네일 속성을 보면 사이즈가 230x300으로 들어간 것을 볼 수 있다. 이 사이즈만 티스토리에서 제공하는 옵션에 맞게 설정을 바꿔 줄 예정이다. 자료 출처 : 티스토리 이미지 썸네일 치환자 완벽정리 https://blogpack.tistory.com/167 티스토리 썸네일 사이즈 옵션 중 C300x20.. 2021. 10. 5.
[CSS 활용]티스토리 book club 스킨 커스텀 (글보기 부분- 상단 타이틀 배경 지우기) 티스토리 Book club 커스텀 하기 티스토리 이런저런 스킨을 쓰다가 북클럽 스킨이 가장 보기도, 쓰기도 편하단 생각이 들었다. 역시, 뭔가 좌측에 메뉴가 한눈에 보여야 안심이 되는건지. 여튼 스타일 모두 맘에 드는데 조금 걸리는 부분이 하나 있었는데.. 바로 글 보기를 눌렀을 때, 타이틀 뒤에 이미지가 들어가고 그 위에 글자가 있는 부분이었다.. 상단 타이틀 배경 자동 삽입되는 디자인 실제로 사용했을때는 화소가 낮은 이미지가 들어가 꺠져보이거나, 보여지는 위치가 엉뚱하거나. 사이즈, 크기, 위치를 고려하여 커스텀한 이미지를 넣으면 예쁘겠지만 그렇지 않은 경우가 대부분이기에 이부분을 안보이게 해서 사용하려고 한다. 수정 방향 완성 시안 잘 만들어진~ 북클럽 스킨을 사용해서 커스텀 하기! 수정 방법은 간.. 2021. 10. 4.
[HTML 태그 활용] MARQUEE 태그- 글자나 이미지를 흐르게 하는 태그 글자나 이미지를 흘러가게 하는 태그 Marquee tag 퍼블리싱 작업중에 글자/이미지를 화면에서 흐르게 하도록 하고 싶었는데, CSS로 하려고 보니 kryframe 애니메이션 효과를 주어야 했다. 문득 다른 방법은 없나 하고 검색하니, 마퀴 태그를 찾았다! (웹표준 HTML5에서는 더이상 지원하지 않는 기능이고, 브라우저마다 작동 여부를 확인해야 한다.) 간단하게 뒷배경이 흐르는 느낌만 주려고 했던거라 그냥 사용해 보기로 했다. 사용방법 왼쪽으로 흘러가는 글씨 여러가지 속성을 곁들어 주면 된다."따옴표가 있는것과 없는것 확인" width=400 height=300 direction="left[right|up|down]" 스크롤 방향 behavior=scroll[slide|alternate] 움직임 속성.. 2021. 8. 5.
[XD무료 템플릿] UI 모바일 UI UX 디자인 키트 XD UI 프로젝트 키트 모바일 전용 무료 XD 키트에 있는 모바일 전용 디자인을 확인 할 수 있는 템플릿! 아이콘 등 쓸만한 요소들이 다 수 있어서 자료 공유 원본은 어도비공식 사이트에서 다운로드 가능하다. *다만 XD를 사용하려면 어도비를 구매해야 합니다..ㅠㅠ 무료 XD Vault 키트 및 템플릿 다운로드 https://www.adobe.com/kr/products/xd/features/ui-kits.html Vault 키트 디자인 소스 이 템플릿에는 가이드 부터 해서 디테일하게 필요한 모든 요소들이 거의 다 들어있다. 스크린샷 파일을 다운로드 받으면 아래 이미지들의 원본을 XD로 볼 수 있다. 프로토 타입까지 구현되어 있어서 XD 디자인을 한다면 참고 하면 좋을 듯! 원본 다운로드 경로 https.. 2021. 8. 5.
XD 디자인 무료 키트 - 노트 프로그램 디자인 XD UI 프로젝트 키트 XD 툴을 사용하면서 무료 키트를 찾다가 발견한 디자인. 요즘 이런 다양한 UI 키트를 보다보면 그 안에 디자인 요소들이 잘 정리되어 있어서 디자인 공부하기에도 유용하다. 다만 XD를 깔려면 어도비를 구매해야 한다는 단점..ㅠ 그래도 나중에 쓸만한 요소들이 많은 무료 키트들을 틈틈이 보고 모아두면 디자인 작업 속도가 더욱 빨라질듯 하다! 무료 XD UI 키트 및 템플릿 다운로드 https://www.adobe.com/kr/products/xd/features/ui-kits.html 여기서 내가 다운 로드 받은 디자인은 NOTE APP 이었다. 파일을 다운로드 받으면 아래 이미지들의 원본을 XD로 볼 수 있다. 프로토 타입까지 구현되어 있어서 XD 디자인을 한다면 참고 하면 좋을 .. 2021. 8. 4.
[반응형] 모바일 화면 퍼블리싱 폰트 단위 rem 사용방법, rem계산 참고사이트 반응형 rem 단위 사용하기 REM 단위는 문서의 최상위 요소, HTML의 크기를 기준으로 한다. rem 적용 방법 html로 제작시 사이즈를 지정하지 않으면 기본적으로 시스템 사이즈가 적용 된다. html의 기본 시스템 사이즈는 { font-size:16px;} 이다. html { font-size:16px; }로 설정하면 16px = 1rem 17px = 1.063rem 예를 들어 html{font-size: 16px} 일때 p의 폰트를 16px로 a의 폰트를 17px로 하고싶다면? p{font-size:1rem} a{font-size:1.063rem} 이렇게 할 경우, 17px = 1.063rem 이런식으로 소수점 단위가 나오기 때문에 좀더 편하게 제어하는 방법은 아래처럼 html의 폰트 사이즈를 .. 2021. 6. 15.
반응형 디자인 레이아웃 너비 기준 반응형 레이아웃 가로 사이즈 디바이스에 따라 구분하는 기준은 가로 너비 가로 너비 값에 따라 디바이스 인식하여 레이아웃 변경 업계에서 많이 사용하는 값을 기준으로 하기도 하고, 레이아웃 특징에 맞춰 개별적인 값으로 정하기도 한다. ( 디바이스 종류별 너비 값 기준은 제각각 이므로 가로 사이즈는 정의된 표준값이 있지는 않다. ) 기준 해상도 위치를 중단점(Break point) 이라고 합니다. 중단점 나눌 때 대표적으로 디바이스 별로 많이 사용되는 가로 해상도는 다음과 같습니다. 반응형 레이아웃 01 최소한의 반응형 레이아웃 가장 많이 사용하는 대중적이고 간결한 기준 768px 미만 : 모바일 기기 768px ~ 1024px : 타블렛 1024px 이상: 데스크탑 /* 데스크탑 */ @media scree.. 2021. 6. 13.
모바일 리셋 스타일- mobile css reset 글로벌 리셋 소스 reset.css PC버전 reset.css /* reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0} fieldset,img {border:0 none} dl,ul,ol,menu,li {list-style:none} blockquote, q {quotes: none} blockquote:before, blockquote:after,q:before, q:after {content:'';content:none} input,select,textarea,but.. 2021. 6. 11.
티스토리 소스코드 코드블럭 꾸미기 티스토리 소스 코드 블럭 꾸미기 - 티스토리에서 제공하는 소스코드 스타일을 커스텀 하기 - highlightjs.org의 CDN을 활용 방법 1. 사이트 방문 https://highlightjs.org/download/ 2. cdnjs 복사 하기 ​ 3. 티스토리 설정에서 HTML 편집 4. Head 사이에 복사한 내용 붙여 넣고 적용 5. 적용 확인 6. 테마 변경 가능 https://highlightjs.org/static/demo/ 사이트에서 테마를 선택 하여 가져온 CDN에서 아래 경로에서 default를 변경해 주면 가능하다. 둘러 보다 보니 어두운 배경이 맘에 들어 agate 테마로 선택. 소스코드를 수정하고 적용하면 변경 완료!! 2021. 6. 9.
CSS Margin - 마진 CSS 마진 테두리 외부에 공간을 만드는 데 사용 여백-개별면 margin-top margin-right margin-bottom margin-left 위/오른쪽/아래/왼쪽을 하나로 합쳐서 적어줄 수도 있다. 여백 속성 auto - 브라우저가 여백을 계산 ex(div 가운데 정렬 - margin : 0 auto; ) 길이 - 여백을 px, pt, cm 등으로 지정 %로 여백을 지정 inherit-여백이 상위 요소에서 상속 (-) 음수 값 사용이 가능하다. ex ( margin : -10px 20px 20px 10px ; 위쪽으로 -10px 올라감 ) 2021. 1. 27.
CSS border-width 테두리 너비 CSS border-width 속성(테두리 너비) 네 테두리의 폭을 지정한다. 너비는 특정 크기 (px, pt, cm, em 등)로 설정하거나 미리 정의 된 값 (thin, medium, thick )으로 설정 p.one { border-style: solid; border-width: 5px; border-color: red } p.two { border-style: solid; border-width: medium; border-color: blue } p.three { border-style: dotted; border-width: 2px; border-color: orange; } p.four { border-style: dotted; border-width: thick; border-color:.. 2021. 1. 22.
CSS border 테두리 속성 CSS 테두리 속성 CSS border 속성을 사용하면 테두리의 스타일, 너비 및 색상을 지정할 수 있다. CSS 테두리 스타일 dotted -점선 테두리 dashed -파선 테두리 solid -단색 테두리 double -이중 테두리 groove-3D 그루브 테두리 / 테두리 색상 값 ridge-3D 능선 테두리 / 테두리 색상 값 inset-3D 삽입 테두리 / 테두리 색상 값 outset-3D 시작 테두리 / 테두리 색상 값 none -경계선 없음 hidden -숨겨진 테두리를 정의 HTML A dotted border. A dashed border. A solid border. A double border. A groove border. A ridge border. An inset border. A.. 2021. 1. 21.
CSS 컬러 (추천 컬러 사이트) CSS 색상 미리 정의 된 색상이름(blue, orange, red) 이나 RGB, HEX, HSL, RGBA, HSLA 값을 사용하여 지정된다. CSS 색상 이름 미리 정의 된 색상 이름을 사용하여 색상을 지정할 수 있다. LightGrey LightGreen LightPink LightSalmon LightSeaGreen LightSkyBlue LightSlateGray LightYellow PaleVioletRed PapayaWhip Peru CSS / HTML은 140 개의 표준 색상 이름을 지원하고 있다. (출처 : w3school ) CSS 색상 값 RGB 값, HEX 값, HSL 값, RGBA 값 및 HSLA 값을 사용하여 색상을 지정할 수 있다. 컬러 이름 "LightSalmon": rgb.. 2021. 1. 19.
CSS선택자 - 1 CSS 선택자 스타일 줄 HTML 요소를 찾거나 선택하는 기능. CSS 선택자 종류 단순 선택자 (타입, ID, 클래스를 기준으로 요소 선택) 조합선택자(+,>...) 가상 클래스 선택자(:hover,:after... ) 가상 요소 선택자(::after, ::before..) 속성 선택자 ([title="this"], [attribute~="value"]..) 단순 선택자 종류 : 타입선택자 / ID 선택자 / 클래스 선택자 타입선택자 html 요소 이름을 기반으로 선택 p, span, b, h1, h2, .... html html 파일의 p 요소에 해당 스타이 적용된다 css p { text-align: left; color: red; } 클래스 선택자 HTML 요소 중에 같은 class 이름이 있는 .. 2021. 1. 18.
[CSS] CSS 적용 방법 CSS를 삽입하는 세 가지 방법 외부 CSS 내부 CSS 인라인 CSS 방법 : head에 link로 스타일 파일 경로 지정 특징 : mystyle.css 하나의 파일만 변경하여 전체 웹 사이트의 css 변경 가능 방법 : head 섹션의 사이에 css를 넣어준다. 방법 : 태그 안에 직접적으로 스타일을 준다. 특징 : 가장 직접적인 css 적용 방법으로 html에 스타일 시트가 있다 하더라도 인라인 css 우선적용 * 스타일 시트의 장점(하나만 바꿔도 모두 변경) 을 잃게 되므로 되도록 사용 안하는 것이 유지 관리에 용이 * 운영 관리나 유지 보수 입장에서 추천 하는 방식은 외부 css - 내부 css - 인라인 css CSS 적용 우선 순위 Cascatidng (캐스케이딩 - 계단식 적용) 하나의 태.. 2021. 1. 16.
[CSS] CSS 란? CSS 란? CSS 는 캐스케이딩 스타일 시트의 약자 (Cascading Style Sheets) CSS 는 HTML언어가 화면(화면, 미디어화면, 모바일 화면 등)에 표시되는 방법을 보여주는 언어이다. CSS 파일만 변경해도 같은 HTML의 웹사이트를 전혀 다른 모양으로 꾸밀 수 있다. CSS 는 옷과 액세서리, 화장 같은 역할이라고 할 수 있다. (HTML:마크업언어는 몸체 구조) CSS 구문 CSS 규칙 세트는 선택자와 선언으로 구성 선택자 타입선택자 (ex: h1, h2, span, div, b, 등) 클래스(.classname) , ID (#idname) 선언 각 선언은 속성 : 값 으로 구성된다. 여러 선언이 있으면 선언 하나 끝나고 세미콜론 ( ; ) 반드시 삽입 단순 선택자 종류 선택자의 .. 2021. 1. 10.
css 실전 예제 및 레이아웃 익혀볼 사이트 CSS 레이아웃을 배웁시다 이 사이트에서는 모든 웹 사이트의 레이아웃에 사용되는 CSS의 기초를 다룹니다. 이곳에서는 여러분이 선택자와 프로퍼티, 값이 무엇인지 알고 있다고 가정합니다. 그리고 레이아웃 작업이 여러 ko.learnlayout.com 처음 css를 배울때 많이 도움이 되어던 사이트 실전 예저들과 함께 복사하기/ 붙여넣기가 되어서 유용한 사이트 2021. 1. 9.
[html/css] text-transform (소문자-대문자 자동변환) CSS text-transform Property 텍스트의 대소 문자를 자동으로 변환해 주는 속성 none 기본값 capitalize 각 단어의 첫번째 문자를 대문자로 uppercase 모든 문자를 대문자로 lowercase 모든 문자를 소문자로 div { text-transform:capitalize } div { text-transform:uppercase} div { text-transform:lowercase} 기본값 없음 상속 예 버전 CSS1 자바스크립트 구문 object .style.textTransform = "uppercase" w3school 샘플 2021. 1. 6.
제이쿼리 플러그인 owl carousel2 (슬라이드 이미지) Owl carousel2 올빼미 슬라이드 반응형 슬라이더 레이아웃 종류 설치방법 홈페이지에서 플러그인 다운로드 압축 해제 후 dist 폴더 안에 css 위치를 확인 안에 css 경로 입력 다음에 스크립트 경로 입력 제이쿼리 CDN 입력 반응형도 적용되어, 모바일로 볼때는 썸네일 한개만 보여지도록 한다. 데모중 Animate 효과를 적용하면 일반적으로 알고있는 1개씩 흘러가는 슬라이드가 가능하다~ owlcarousel2.github.io/OwlCarousel2/ Home | Owl Carousel | 2.3.4 Modules and Plugins Owl Carousel supports plugin modular structure. Therefore, you can detach plugins that you.. 2020. 12. 31.
책넘기는 효과 제이쿼리 플러그인 제이쿼리 플러그인 - BOOKLET 웹사이트 소책자, 브로슈어, 신문, 기업 홍보물 등에 종종 쓰이는 책장 넘기는 효과. 제이쿼리로 만들어져서 모바일에서도 볼 수 있다는 장점이 있다. 라이센스 MIT 라이센스로 수정, 배포가 자유로우며 실무 혹은 상업적으로 이용 가능 ( *단 저작권 표시및 허가 표시를 소프트웨어의 복제물 또는 중요한 부분에 기재한다) 사용방법 HTML Yay, Page 1! Yay, Page 2! Yay, Page 3! Yay, Page 4! 홈페이지를 방문하거나 데모를 다운 받으면 다양한 효과를 확인 할 수 있다. 너비/높이/속도/읽는방향,속도/페이지순서,패딩/그림자/자동시작/탭/화살표...등등 여러가지 옵션들을 선택 가능 활용 샘플 : 서울여자 간호대학 브로셔 다운로드 2021-07.. 2020. 12. 29.
반응형 웹사이트 단위 vh/vw vh = Viewport Height vw = Viewport Width 현재 뷰포트란? 현재, 보여지는 영역을 의미 1vh = 뷰포트 높이의 1% 1vw = 뷰포트 너비의 1% 뷰포트가 현재 가로세로 100px 이라면 height:1vh = height:1px width:1vw = width:1px height:100% (부모 높이를 반드시 지정해줘야함) See the Pen full size section_% by lionbum (@lionbum) on CodePen. height : 100vh See the Pen full size section_vh by lionbum (@lionbum) on CodePen. 2020. 12. 27.
빙그레체- 레트로 느낌 가득~ 무료 상업 폰트 레트로한 감성이 물씬 나는 빙그레체! 인쇄물, 광고, 온라인 등 상업적 목적으로 사용이 가능하다고 한다. 굵기가 굵어 타이틀로 쓰기에 적합한 서체! 레귤러와 볼드체 두가지 다 있어서 적절히 사용하면 좋을듯 다운로드 www.bingfont.co.kr/bingfont.html 빙그레 서체 2020 갑붕싸? 빙그레 싸만코체 출시! www.bingfont.co.kr 라이센스 빙그레 서체(빙그레체, 빙그레체Ⅱ, 빙그레 따옴체, 빙그레 메로나체, 빙그레 싸만코체)의 지적 재산권은 빙그레(www.bing.co.kr)에 있습니다. 빙그레 서체는 개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 제공합니다. 빙그레 서체는 인쇄물, 광고물, 온라인 등 상업적 목적으로 사용할 수 있습니다. 단, 글꼴 자체를 유료로 판매.. 2020. 12. 17.
네이버 마루부리 서체(완성본), 무료 상업용 폰트 특징 궁서체 이면서 심하게(?) 진지하지 않으면서 클래식한 느낌을 가져가고 있는 서체 활용예제 -한때 미스터 선샤인에 폭 빠져서 만들어본 - 마루 부리 외 네이버 글꼴 설치하러 가기 https://hangeul.naver.com/ 네이버 한글한글 아름답게 6만여 명의 사용자와 만든 마루 부리 5종을 배포합니다. hangeul.naver.com 2020. 12. 15.
[JS 활용]이미지맵속 내용 복사하기, 해시태그 내용 복사하기 스크립트 html 버튼 클릭 -> 지정한 내용 복사 (해시태그내용 복사) 사용되는 요소 이미지 맵 태그안에 usemap 속성 / 제이쿼리 소스 html 제이쿼리 소스 $('.hashtag').click(function(){ var urlAddress= $('#hashtagTxt'); urlAddress.css('display','block').select(); document.execCommand("Copy"); urlAddress.css('display','none'); alert('해시태그가 복사되었습니다'); return false; }); 결과 일전에 이미지맵 클릭시 새창 띄우기와 함께 같이 병행해서 사용하면 좋을듯 https://lionbum.tistory.com/37 이미지 맵 클릭시 새창 팝업 띄우기 이미지 .. 2020. 12. 15.
도스명조체 폰트, 게임폰트, 픽셀아트 폰트 - 무료상업용 폰트 마인크래프트와 같은 게임에서 쓰이는 도트아트 느낌이 담긴 도스 명조체. 게임 관련 디자인과 같은 것들을 할때 사용하면 좋을 서체. 이런식의 도트 아트 느낌과 어울리는 폰트! 다양하게 활용가능하다. 폰트 라이센스 개인 및 기업사용자에게 무료로 제공. 웹디자인/출판/웹폰트/CI,BI 제작/ 영상제작 및 자막 등 자유롭게 사용가능 유료판매행위는 금지. 폰트 사용 가능 범위 인쇄 브로슈어, 포스터, 책, 잡지 및 출판용 인쇄물 등 웹사이트 웹페이지, 광고 배너, 메일, E-브로슈어 등 영상 영상물 자막, 영화 오프닝/엔딩 크레딧, UCC 등 임베딩 웹사이트 및 프로그램 서버 내 폰트 탑재*, E-book 제작 BI/CI 회사명, 브랜드명, 상품명, 로고, 마크, 슬로건, 캐치프레이즈 폰트 다운로드 경로 http.. 2020. 12. 13.
[JS 활용]버튼을 누르면 보이기/감추기. 토글 함수를 사용 버튼을 누르면 보였다가 안보였다 하는 효과가 필요할 때가 있다. 이벤트나 그외 적용이 가능한 효과! 제이쿼리 토글 소스를 활용하여 간단하게 해결 HTML토글버튼 다시버튼 누르면 안보임 제이쿼리 - 토글 $(function (){ $("#btn_toggle").click(function (){ $("#Toggle").toggle(); }); }); 결과*Result 를 눌러주세요 2020. 12. 13.
행복 고흥 서체, 신년인사 서체 캘리 폰트! (무료, 상업사용 가능) 캘리그래피와 어울릴만한 폰트! 새해 인사나 연하장을 보낼때 사용하면 좋은 서체 일듯하다. 약간 변형하면 더욱 예쁘게 사용할 수 있을 듯 하다. 폰트 라이센스 개인 및 기업사용자에게 무료로 제공. 영상, 매체, 인터넷, 모바일 등 다양한 매체에서 자유롭게 사용 가능. 웹디자인/출판/웹폰트/CI,BI 제작/ 영상제작 및 자막 등 자유롭게 사용가능 유료판매행위는 금지. 폰트 사용 가능 범위 인쇄 브로슈어, 포스터, 책, 잡지 및 출판용 인쇄물 등 웹사이트 웹페이지, 광고 배너, 메일, E-브로슈어 등 영상 영상물 자막, 영화 오프닝/엔딩 크레딧, UCC 등 임베딩 웹사이트 및 프로그램 서버 내 폰트 탑재*, E-book 제작 BI/CI 회사명, 브랜드명, 상품명, 로고, 마크, 슬로건, 캐치프레이즈 폰트 다운.. 2020. 12. 13.
728x90
반응형

티스토리툴바