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

구글 웹폰트 이용해서 티스토리 스킨에 폰트 바꾸기

웹폰트란 무엇인가?한글 문서, PPT 문서 작성 시 ttf, otf 확장자의 폰트를 설치한 후 서식을 변경했던 경험이 대부분 있을 것입니다. PC, 모바일 등에서 글꼴을 사용하려면 반드시 그 폰트를 디바이스에서 가지고 있어야 하기 때문입니다. 웹폰트는 사용자의 디바이스에 폰트가 없이도 원하는 글꼴로 디자인을 하기 위해 사용합니다. 폰트 파일을 서버에 올려두고 호출하여 사용하는 방식입니다. 웹폰트 기본 사용법웹폰트를 사용하기 위해서는 먼저 웹폰트를 지원하는 확장자의 폰트 파일이 필요합니다. 주로 WOFF, WOFF2, TTF, OTF 확장자를 가지고 있습니다. 웹폰트를 사용하기 위해서는 다음과 같은 세 가지 단계를 거쳐야 합니다. 웹폰트 지원 파일을 서버에 업로드CSS 파일에서 웹폰트 선언원하는 요소에 선..

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

한글 웹폰트 비교: Noto Sans KR vs 본고딕 vs Pretendard 특징 및 다운로드

웹폰트 탄생 이전의 시대웹폰트를 처음 사용하기 시작했을 때 그야말로 신세계를 경험했던 것 같습니다. 굴림체를 벗어날 수 있다니!그때 당시에는 굴림체를 12픽셀이 웹사이트 본문 글꼴의 정석이었습니다. 작은 안내문을 달기 위해서는 11픽셀의 돋움체를 썼습니다. 굴림체는 12픽셀의 크기를 벗어나면 갑자기 모양이 바뀌는 마법을 부렸기 때문입니다. 흑마법 같은 것을요...  맥 OS에서는 자체 폰트가 무척이나 아름다웠기 때문에 큰 문제가 없었습니다. 하지만 윈도우 사용자가 압도적으로 많았습니다. 윈도우에 맑은 고딕체가 기본 탑재가 될 때엔 '이제야 일을 좀 하네'하는 느낌이었습니다. 그 후로 '웹폰트'라는 것이 탄생했지만 한글 폰트는 터무니없이 부족했습니다. 나눔 고딕체가 나왔을 때 와아- 하는 기분, 본 고딕이..

• topic HTML&CSS
• · 2024. 9. 13.
• textsms

유용한 웹 폰트 다운로드 웹사이트 (무료 웹폰트)

웹 폰트 미리 보기, 다운로드 웹사이트 해당 웹사이트에서는 웹폰트를 확인, 검색하고 소스코드를 제공받거나 다운로드할 수 있도록 제공합니다. 또한 원하는 문구를 넣어 테스트가 가능합니다.개인용, 상업용으로 무료로 사용할 수 있는 범위가 다를 수 있으니 확인을 하는 것이 좋습니다.  1. Google Fontshttps://fonts.google.com/ Browse Fonts - Google FontsMaking the web more beautiful, fast, and open through great typographyfonts.google.com2. 눈누 https://noonnu.cc/ 눈누상업용 무료한글폰트 사이트noonnu.cc   웹 폰트 형식으로 만들어진 아이콘SVG 방식의 아이콘이 없던 ..

• topic HTML&CSS
• · 2024. 9. 13.
• textsms