Recent Posts
Recent Comments
관리 메뉴

PC Geek's

웹폰트(웹글꼴)관련 메모 본문

공구함, 튜닝PRG/글꼴 (Font)

웹폰트(웹글꼴)관련 메모

- 윈도우와 맥에서 같은 글꼴 같은 크기라도 좀 다르게 보일 수 있다. 같게 하려면 생각보다 조금 크게. 테스트필요.

- 웹브라우저가 웹글꼴을 다운받아 사용하는 방식을 공부할 것. 무작정 끼워넣으면 다운받는 트래픽 부담을 지워 사용자에게 불편하고, 웹페이지 로딩도 늦다.

- 웹폰트든 일반 폰트든, 다양한 OS, 기본글꼴만 사용하는 사람들을 배려해서 css font 항목에 글꼴 순서를 지정할 것.

- google early access (google developers) 페이지와 jsDelivr.com CDN 웹사이트


대충 이런 이야기.


한국어와 웹 폰트에 관한 6.1가지 사실 https://taegon.kim/archives/5528

- 블로그 전용 웹폰트를 만들면서 용량 줄이기

- WOFF2 폰트 포맷

- OS별, 브라우저별 고려

- css와 자바스크립트를 사용한 한글 웹페이지 가독성 향상


내가 선호하는 글꼴 목록(font-family)과 그 이유 https://mytory.net/archives/9743

- css에 글꼴을 지정하는 순서, font-weight

- 웹폰트 사용상 주의점 환기


한글 웹폰트 글꼴보기집 http://youngkang.me/hangul-webfont-showcase/

- 고도체, 나눔고딕, 나눔바른고딕, 나눔스퀘어, 바른돋움체, 본고딕, 스포카 한 산스, 아리따돋움, 청소년체, 푸른전남체, 함초롬돋움

- 나눔명조, 바른바탕체, 수화명조, 아리따 부리, 한겨레결체, 함초롬바탕



CDN으로 바로 사용가능한 한글 웹폰트 총정리 https://ludens.kr/coding/css/cdn-korean-web-font/

현재 사용가능한 한글 구글 웹폰트들 https://ludens.kr/coding/css/google-korean-web-font/

글은 몇 년 전 것입니다. 기본 내용 숙지용.


https://www.jsdelivr.com/

https://fonts.google.com/


이 글과 같은 분류 글목록으로 가기 / 최신글목록으로 가기
0 Comments
댓글쓰기 폼