찐망고'S 퍼블리싱그리고디자인

안녕하세요 찐망고입니다. 이전 포스팅에서 MinSans와 Pretendard 서체 비교를 다룬 이후, 가변 폰트(Variable Font)에 대한 질문이 많아서이번에는 가변 폰트의 개념과 Pretendard 가변 폰트 다운로드 및 적용 방법을 정리해보겠습니다.  1. 가변 폰트(Variable Font)란?◈ 기존 폰트와 가변 폰트의 차이점가변 폰트는 한개의 폰트 파일로 여러가지 스타일(굵기, 너비, 기울기 등)을 조절할 수 있는 폰트 포맷입니다.기존의 정적인 폰트와 달리, 가변폰트는 CSS속성만으로 다양한 스타일을 자유롭게 적용할 수 있죠→ 여러개의 폰트파일대신, 하나의 가변폰트파일로 다양한 스타일을 구현할 수 있는 기술!비교 항목기존 폰트(Static Font)가변 폰트(Variable Font)파일..

안녕하세요 찐망고입니다.이번에도 새로운 폰트를 사용한 웹사이트를 발견했어요.바로 인크루트웍스 웹사이트인데요. AI로 검증하는 채용솔루션, 인크루트웍스인크루트웍스 채용솔루션으로 더 똑똑하고 빠르게 채용하세요! 기업채용에 최적화된 지원자관리,평가관리,면접관리,인재검증 등 다양한 솔루션을 제공합니다.works.incruit.com 보자마자 프리텐다드 폰트가 생각났어요,실제로 비교해 보니 조금 차이가 나지만요 어때요 구별이 되나요? ㅎㅎ영상으로 보여드릴게요프리텐다드와 민산스폰트변화 확인 민산스폰트는 좀 더 부드럽고 둥근 느낌이고프리텐다드는 좀 더 각지고 정돈된 스타일이다.민산스폰트가 글자 폭이 상대적으로 넓고프리텐다드폰트가 살짝 좁음 민산스는 노토산스폰트를 기본으로 커스텀한 폰트인데실제로 보면 프리텐다드와 더 ..

안녕하세요 찐망고입니다. 웹사이트에서 많이 사용하는 폰트들이 있죠?예전에는 Noto Sans KR폰트가 압도적으로 많이 사용 되었지만최근에는 Pretendard폰트로 넘어가는 추세더라구요 그리고 요즘 검색량이 급상승하는 폰트가 하나 더 있는데요!바로 SUIT폰트입니다. 저는 최근 대시보드 디자인 및 퍼블리싱 외주 작업을 진행하면서SUIT폰트를 적용해봤는데, 가독성이 너무 좋았어요.아직 작업중이라 공개할 순 없으니 실제로 SUIT폰트를 사용한 최근 웹사이트 디자인을 찾아볼까요?GDWEB에서 최근 디자인사례를 검색해 봤어요  💡 검색한 사이트 업로드 게시날짜: 2024년 11월 ~ 현재 💡 총 검색한 사이트 수: 120개 💡 그 중 SUIT 폰트를 사용한 사이트: 4개 (3.33%)  일년전만해도 12..

안녕하세요 찐망고 입니다.이포스팅은 Apple의 기본 영문 글꼴인 SF-Pro폰트를 Windows환경에서 사용할 수 있도록 돕기위해 작성하였습니다.디자인을 하다보면 Windows에서 Apple폰트가 필요할때가 있잖아요. https://developer.apple.com/fonts/ Fonts - Apple DeveloperGet the details, frameworks, and tools you need to use system fonts for Apple platforms in your apps.developer.apple.com 물론 이사이트에서 폰트를 다운 받을 수 있지만,dmg파일은 또 따로 zip프로그램을 받아 압축을 풀어야 하는 점.. ttf파일을 공유합니다      otf파일은 용량이 큰 ..

안녕하세요 찐망고입니다.  오늘은 Gmarket Sans 폰트에 대해 이야기해보려고 합니다. 현대적이면서도 친근한 느낌을 주는 산세리프 폰트로, 특히 글자 간격이 넓어 가독성이 뛰어난 것이 특징입니다.  Gmarket Sans는 누구나 제약 없이 자유롭게 수정하고 재배포할 수 있는 오픈 라이선스 폰트인데요.이러한 라이선스의 자유로움 덕분에 다양한 프로젝트에서 부담 없이 사용할 수 있습니다.폰트 자체가 갖고 있는 장점으로 인해 브로슈어, 포스터 같은 다목적 디자인 작업에 적합하며, 텍스트의 가독성을 높이기 위해 고려할 만한 좋은 폰트 입니다. 그러나, 웹 관련 작업에서는 상황이 조금 다른데요.다양한 대체 폰트들이 등장하면서 Gmarket Sans의 사용이 상대적으로 줄어드는 경향이 있습니다. 웹 환경에서는..

안녕하세요 찐망고입니다 SUIT폰트가 있고SUITE폰트가 있더라구요. 전체적인 텍스트에서 손글씨 느낌이 난다 생각했는데손글씨를 기반으로해서 만들었다고 하네요. 아무래도 다른 Noto Sans Kr, Pretendard폰트들 보단 가독성이 떨어질 수 있지만,디자인적인 요소에서는 최고 일 것 같아요.귀엽고 아기자기한 사이트에 잘 어울릴 것 같죠? 아래는 SUITE 폰트로 만든 메인 섹션 중 일부인데, 참고하시면 좋을 것 같아요.     otf, ttf, woff2 파일 다운 가능합니다.https://sun.fo/suite/ Sun sun.fo  CSS 코드@font-face { font-family: 'SUITE'; font-weight: 300; src: url('./SUITE-Light.woff2') f..

스포카 폰트도 웹상에서 자주 보는 서체 중 하나인데 아무래도 폰트를 만들어서 배포하고 있는 스포카가 직접 실무에서 활용하기 위해 만들었기 때문에 지속적으로 유지보수가 된다는 점과 한글에 최적화되어 있다는 점이 큰 장점입니다. https://spoqa.github.io/spoqa-han-sans/ Spoqa Han Sans Neo Spoqa unveil the new Spoqa Han Sans Neo, which has evolved in many ways. | 여러모로 개선을 거쳐 진화한 스포카 한 산스 네오를 공개합니다. | これまでいろいろ改善して進化した新しいスポカーハンサンスネオ spoqa.github.io Spoqa Han Sans Neo 폰트를 사용하는 웹사이트 @font-face { font-fa..

안녕하세요 찐망고입니다. 애플 산돌고딕 NEO 폰트는 애플 기본 폰트 입니다.라이선스는 모두 애플이 가지고 있고, 애플 제품 사용자는 비상업, 상업용도 모두 사용 가능 합니다. 참고로 산돌고딕에서 제작한 산돌네오고딕NEO시리즈와는 다른 폰트입니다.  ttf 파일 다운로드 woff2 파일 다운로드     // CSS@font-face { font-family: AppleSDGothicNeo; font-weight: 100; src: url(AppleSDGothicNeoT.woff2) format("woff2");}@font-face { font-family: AppleSDGothicNeo; font-weight: 200; src: url(AppleSDGothicNeoUL.w..

안녕하세요 찐망고입니다 한글폰트를 지원 하는 폰트 중에 font-weight가 다양한 폰트 중 하나가 Pretendard글꼴인데,디자이너 길형진님이 inter와 noto를 결합해 서로의 단점을 보완해서 만든 폰트입니다window, ios 둘 다 지원하고 한국어에 최적화된 기호까지 지원하는 장점이 있고font-weight를 모두 지원해서 좋아요.Pretendard를 사용하는 웹사이트들도 늘어가는 추세입니다.  전체적인 설명은 제작자의 티스토리에 자세히 적혀있어서 링크 걸어봅니다.https://cactus.tistory.com/306 PretendardPretendard 프리텐다드 Pretendard 프리텐다드 글꼴 다운로드 일본어 버전 다운로드 GitHub에서 보기 system-ui를 대체하는 글꼴 App..

안녕하세요 찐망고입니다. CJ프레시웨이사이트를 클론 코딩하다가 CJ그룹에서 사용하는 전용서체 OnlyOne 서체를 만났는데요.가독성이 떨어질 줄 알았는데 적당한 굴림서체가 오히려 제목요소와 탭메뉴같은 타이틀로 궁합이 좋았습니다. 상업적 용도로는 절대 사용을 못합니다 라이센스는 CJ그룹에 있는것 같아요 CJ프레시웨이CJ프레시웨이는 좋은 식자재를 유통하며, 건강하고 맛있는 식문화를 창출하는 대한민국 최고의 글로벌 식자재 유통 및 푸드 서비스 전문 기업입니다.www.cjfreshway.com:443     " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스  CJOnlyOne Woff 다운로드  CJOnlyOne TTF 다운로드  @charset "utf-8";@font-face { ..