폰트
[HTML/CSS] 구글 폰트 사용 방법 / CSS에서 웹폰트 사용하기
[HTML/CSS] 구글 폰트 사용 방법 / CSS에서 웹폰트 사용하기
2024.05.10CSS 파일 최상단에 @import 구문을 사용해서 폰트를 불러오면 CSS 파일이 완전히 로드되고 파싱될 때까지 리소스 로드가 지연돼서 성능 저하를 초래할 수 있다. 반면, HTML 안에서 태그를 통해 폰트를 불러오면 여러 리소스를 병렬로 로드할 수 있어 더 효과적이다. 실제로 방식이 @import 보다 1.3~1.6초 정도 더 빠르게 폰트를 로드한다고 한다. 구글 폰트 CSS 파일 가져오기 팁사용하고 싶은 구글 폰트 이름을 주소의 family 값에 입력하면 Font Family CSS 파일을 가져올 수 있다. 참고로 display=swap 파라미터는 폰트 파일 로드를 기다리는 동안 텍스트가 보이지 않는 현상을 방지 하기 위해 대체 폰트를 보여주는 옵션이다. 그 외에 wght, italic 등 여..
홍보 포스터에 사용하면 좋은 유료/무료 중국어 폰트(서체) 모음
홍보 포스터에 사용하면 좋은 유료/무료 중국어 폰트(서체) 모음
2020.08.16홍보 포스터, SNS 이미지 등을 제작할 때 어떤 폰트를 사용하냐에 따라 분위기가 확 달라진다. 전달하려는 메시지와 톤앤매너에 잘 맞는 폰트를 선정하는 건 그만큼 중요하다. 한글 폰트는 조금만 검색해보면 다양한 정보를 얻을 수 있지만 의외로 중국어 폰트 관련 정보는 별로 없다. 오늘은 중국 마케팅 등에 유용하게 쓸 수 있는 유료/무료 중국어 폰트를 소개하고자 한다. 1. 무게감 있는 중국어 폰트 📺 优设标题黑 (UISDC - 표제흑체) 폰트 이름: 优设标题黑 폰트 제작사: UISDC 폰트 키워드: 속도감, 무게감 라이선스: 무료, 상업적으로 사용 가능 글리프 개수: 7194 다운로드 : 링크 优设标题黑는 에너지를 발산하는 듯한 스타일의 폰트다. 중문 Simhei(黑体) 서체를 바탕으로 획에 굵기를 주고 ..
네이버, 모바일에서 더욱 잘 보이는 '나눔바른고딕' 배포
네이버, 모바일에서 더욱 잘 보이는 '나눔바른고딕' 배포
2013.10.05네이버가 3년 만에 새로운 나눔 글꼴을 선보였습니다. PC는 물론 모바일에 더욱 최적화된 글꼴인 '나눔 바른 고딕' 나눔 고딕은 영어, 중국어 등 외국어를 무자비로 남용하고 모국어의 생산력이 소멸되고 있는 오늘날, 한글로 더 많은 것을 나누자는 취지에서 네이버가 만들고 배포하는 무료 글꼴입니다. 2008년 한글날을 기념하여 한글의 특성과 아름다움을 살린 나눔 글꼴을 시작으로 2009년 Extra Bold 나눔 고딕/나눔 명조, 2011년 나눔 고딕 라이트와 글꼴에 구멍을 뚫어 최대 35%의 잉크를 절약하는 나눔 글꼴 에코 그리고 이번에 새로 내놓은 나눔 바른 고딕까지 한글과 함께 걷는 네이버의 노력을 엿볼 수 있었는데요. 실제로 나눔 고딕은 무료이기 때문에 각종 블로그나 홈페이지 등에서 매우 자주 사용되..
괜찮은 무료폰트(Font) 사이트 모음
괜찮은 무료폰트(Font) 사이트 모음
2008.09.12괜찮은 폰트사이트를 모아서 정리해봤습니다. 1. http://abstractfonts.com/ ▲ 약 11000개의 Free Font 를 제공합니다.Downthemall(Firfox 부가기능) 을 이용하여 한페이지에 있는 폰트들을 한꺼번에 다운로드 할수있습니다. 2. http://www.fontgarden.com ▲ 이쁜폰트들이 많으며 폰트미리보기가 깔끔하고 보기좋습니다. 3천개정도의 무료폰트들을 제공합니다.이사이트역시 Downthemall 을 이용하여 한번에 다운로드가 가능합니다. 3. http://betterfonts.com ▲ 만개정도의 프리폰트를 제공하며 알파벳순으로 카테고리 분류보기가 가능합니다. 그러나 폰틀르 다운로드 하기위해선 링크를 눌러줘야해서 Downthemall 이용이 불가능합니다. 기..