폰트

CSS 파일 최상단에 @import 구문을 사용해서 폰트를 불러오면 CSS 파일이 완전히 로드되고 파싱될 때까지 리소스 로드가 지연돼서 성능 저하를 초래할 수 있다. 반면, HTML 안에서 태그를 통해 폰트를 불러오면 여러 리소스를 병렬로 로드할 수 있어 더 효과적이다. 실제로 방식이 @import 보다 1.3~1.6초 정도 더 빠르게 폰트를 로드한다고 한다.  구글 폰트 CSS 파일 가져오기 팁사용하고 싶은 구글 폰트 이름을 주소의 family 값에 입력하면 Font Family CSS 파일을 가져올 수 있다. 참고로 display=swap 파라미터는 폰트 파일 로드를 기다리는 동안 텍스트가 보이지 않는 현상을 방지 하기 위해 대체 폰트를 보여주는 옵션이다. 그 외에 wght, italic 등 여..

홍보 포스터, SNS 이미지 등을 제작할 때 어떤 폰트를 사용하냐에 따라 분위기가 확 달라진다. 전달하려는 메시지와 톤앤매너에 잘 맞는 폰트를 선정하는 건 그만큼 중요하다. 한글 폰트는 조금만 검색해보면 다양한 정보를 얻을 수 있지만 의외로 중국어 폰트 관련 정보는 별로 없다. 오늘은 중국 마케팅 등에 유용하게 쓸 수 있는 유료/무료 중국어 폰트를 소개하고자 한다. 1. 무게감 있는 중국어 폰트 📺 优设标题黑 (UISDC - 표제흑체) 폰트 이름: 优设标题黑 폰트 제작사: UISDC 폰트 키워드: 속도감, 무게감 라이선스: 무료, 상업적으로 사용 가능 글리프 개수: 7194 다운로드 : 링크 优设标题黑는 에너지를 발산하는 듯한 스타일의 폰트다. 중문 Simhei(黑体) 서체를 바탕으로 획에 굵기를 주고 ..

네이버가 3년 만에 새로운 나눔 글꼴을 선보였습니다. PC는 물론 모바일에 더욱 최적화된 글꼴인 '나눔 바른 고딕' 나눔 고딕은 영어, 중국어 등 외국어를 무자비로 남용하고 모국어의 생산력이 소멸되고 있는 오늘날, 한글로 더 많은 것을 나누자는 취지에서 네이버가 만들고 배포하는 무료 글꼴입니다. 2008년 한글날을 기념하여 한글의 특성과 아름다움을 살린 나눔 글꼴을 시작으로 2009년 Extra Bold 나눔 고딕/나눔 명조, 2011년 나눔 고딕 라이트와 글꼴에 구멍을 뚫어 최대 35%의 잉크를 절약하는 나눔 글꼴 에코 그리고 이번에 새로 내놓은 나눔 바른 고딕까지 한글과 함께 걷는 네이버의 노력을 엿볼 수 있었는데요. 실제로 나눔 고딕은 무료이기 때문에 각종 블로그나 홈페이지 등에서 매우 자주 사용되..

괜찮은 폰트 사이트를 모아서 정리해 봤습니다.  abstractfonts.com약 11000개의 무료 폰트를 제공합니다. DownThemAll 파이어폭스 부가기능을 이용하여 한 페이지에 있는 폰트들을 한 번에 다운로드할 수도 있습니다.   fontgarden.com3천 개 정도의 무료 폰트들을 제공합니다. 이쁜 폰트들이 많고 폰트 미리보기가 깔끔하고 좋습니다. 이 사이트 역시 DownThemAll 부가기능을 이용하여 한 번에 다운로드 할 수 있습니다.    betterfonts.com10000여개 정도의 무료 폰트를 제공하고 알파벳 순으로 카테고리 분류보기를 할 수 있습니다. 하지만 폰트를 다운로드하기 위해선 일일이 링크를 눌러줘야 해서 DownThemAll 부가기능을 사용할 수 없습니다.    기타 사..