Figma 웹에서 로컬에 설치한 폰트 불러오는 법

윈도우나 맥에 설치한 글꼴을 피그마에서 사용하기피그마는 웹에서도 사용이 가능하고 맥이나 윈도우에 앱을 설치해서도 사용이 가능합니다. 앱을 설치한 경우 로컬에 설치한 폰트로 디자인 작업이 가능하지만, 웹에서는 피그마에서 제공하는 글꼴과 구글 웹폰트를 불러와 사용하는 것만 가능합니다. 웹 작업환경에서 SF Sans나 Pretendard 폰트를 사용하고 싶을 때 어떻게 해야 할까요?  Figma 글꼴 프로그램 (Figma Agent)를 설치하시면 됩니다. Figma Agent 다운로드 주소https://www.figma.com/ko-kr/downloads/ Figma 다운로드 | 데스크톱 및 모바일용 웹 디자인 앱macOS 또는 Windows용 데스크톱에 Figma 웹 디자인 앱을 설치하세요. 그리고 글꼴 설..

• topic Tool&작업환경
• · 2024. 11. 10.
• textsms

Open Sans / Inter ttf 다운로드

Noto Sans KR 폰트와 어울리는 영문 폰트 2가지 Noto Sans(본 고딕) 폰트와 잘 어울리는 영문 폰트 두 가지를 소개합니다. Open Sans와 Inter 입니다. TTF 파일과 구글 웹폰트 웹사이트로 이동하는 링크 남겨두도록 하겠습니다. Open Sans TTF / 구글 웹폰트  https://fonts.google.com/specimen/Open+Sans?query=open+sans Open Sans - Google FontsOpen Sans is a humanist sans serif typeface designed by Steve Matteson, Type Director of Ascender Corp. This version contains the complete 897 chara..

• topic Box
• · 2024. 10. 31.
• textsms

인사이드 아웃 2 : 우리는 라일리를 사랑해

영화소개 인사이드 아웃을 개봉한 지 9년 만에 후속작 인사이드 아웃 2가 개봉했습니다. Inside Out은 안과 밖이 뒤집힌, 그래서 속속들이 알고 있다는 뜻입니다. 주인공 라일리의 여러 감정들이 독단적으로 치닫기도, 서로 소통을 하기도, 조율도 하며 성장해 가는 이야기를 그리고 있습니다. 인사이드 아웃에서는 11살 작은 소녀의 머릿속에 있는 기쁨, 버럭, 슬픔, 까칠, 소심 다섯 가지의 감정의 좌충우돌 모험을 다룹니다. 후속작인 인사이드 아웃 2에서는 13살의 라일리는 사춘기를 맞아 불안, 당황, 따분, 부럽 네 가지의 낯선 감정들과 마주하게 되지요.  줄거리꼬마였던 라일리에게 자아를 만들어주기 위해서 기쁨이는 노력을 합니다. 좋은 기억, 행복한 기억만 장기기억으로 옮기고 실패한 경험, 부끄러운 기억..

• topic 내맘대로 포스팅
• · 2024. 10. 28.
• textsms

TTF vs OTF 폰트 파일 차이점

폰트 설치 파일의 확장자는 ttf와 otf가 있습니다. ttf는 True Type Font의 약자로 1980년대에 Apple과 Microsoft가 공동 개발했습니다. Mac과 Windows에서 모두 작동하고, 대부분의 프린트에서 해독할 수 있는 글꼴을 만드는 것이 개발 목적이었습니다. otf는 Open Type Font의 약자로 동일하게 Apple과 Microsoft에서 공동개발을 하다가 나중에 Adobe와 협력하여 개발을 완성시켰습니다. ttf의 뒤를 이어 더 발전된 기능과 형태의 글꼴을 만드는 것이 목적이었습니다. 디자인의 정밀도 및 유연성TTF는 2차 베지어 곡선을 사용하여 상대적으로 단순한 곡선을 표현합니다. 단순한 곡선으로 인해 디자인의 섬세함이나 유연성이 비교적 제한적입니다.OTF는 3차 베지..

• topic UX 디자인
• · 2024. 10. 23.
• textsms

SF Pro 폰트 ttf 파일 (애플 폰트 다운로드)

윈도우에서 디자인 작업을 할 때 SF Pro(San Francisco) 폰트가 필요할 때가 있습니다. 애플 웹사이트에서 폰트 다운로드가 가능합니다. 하지만 폰트가 dmg 파일로 제공되어 윈도우에서는 열어볼 수 없습니다. 이 파일을 열기 위해서는 별도의 프로그램 설치가 필요합니다.  San Francisco 폰트 파일 다운로드 (ttf)번거로운 절차를 생략하도록 파일을 업로드 했습니다. 용량이 커서 7z로 압축했으니 반디집과 같은 프로그램을 이용해 압축해제 후 사용하시면 됩니다. 애플 폰트 (Fonts for Apple Platforms)https://developer.apple.com/fonts/ Fonts - Apple DeveloperGet the details, frameworks, and tool..

• topic Box
• · 2024. 10. 11.
• textsms

[flexbox] 레이아웃을 잡을 때 사용하는 flex 속성

Flexbox는 W3C에서 2009년 7월 첫 번째 초안을 발표했습니다. 이후 여러 차례 개정되어 2012년에 우리가 알고 있는 문법으로 업데이트되었습니다. 2015년 마지막 초안이 발표되었고, 이후로도 계속 업데이트했습니다. 무려 10년도 더 된 속성이지만 브라우저 호환성을 위해 오랜 기간 동안 사용하지 못했던 속성입니다. flexbox 개념이 도입되기 전까지 레이아웃을 잡기 위해서는 position과 float 속성을 사용해야만 했습니다. 그 속성도 정적인 레이아웃을 만들기에는 무난하게 사용이 가능하지만 사용이 제한적이고 비효율적인 코드를 작성해야 하는 단점이 있었습니다. 모바일이 활성화되면서부터는 개선된 코드가 절실히 필요했습니다.  Flexbox 기본 개념저의 블로그의 메뉴 디자인입니다. 가로로 ..

• topic HTML&CSS
• · 2024. 10. 7.
• textsms