Tech Stock logo Tech Stock

Roboto

이 폰트는
Angular 공식 도큐먼트 페이지 에서 쓰고 있길래 써봤더니 역시 좋다.
내가 개인적으로 생각하는 최고의 도큐먼트 페이지는 Angular공홈 스타일인데
역시나.. 그곳에서 쓰고있는 폰트라 그런지 가독성이 좋고
깔끔하며 보기 편하다.
모바일 환경에서도 마찬가지로 보기 좋다.
뿐만 아니라 family style도 풍부하다.
지금 이 블로그도 이걸로 쓰고있다.


/* roboto font html의 head부분 코드*/
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">


/* roboto font css기입용 코드*/
font-family: 'Roboto', sans-serif;

가독성 보기편함 모바일 스타일의다양성 한글
★★★★★ ★★★★★ ★★★★★ ★★★★★ ★★★★★

Inconsolata

이 폰트는
gitbash나 혹은 teraterm 혹은 리눅스의 터미널 접속시의 폰트 느낌이다
간단한 소스 코드나, 쉘 스크립트 코드등을 끄적 거릴때
마치 콘솔에서 입력한 것 같은 느낌을 주며
알파벳 가독성이 높다
다만, 한글에서의 글씨체가 아쉽다는 단점이 있다.
언어별 폰트설정을 따로 지정하여 사용한다면 좋을 듯 싶다.

폰트 패밀리는 다양하나
레귤러 400과 볼드 700정도 쓰면 문안하다


/* Inconsolata 폰트 html의 head부분 코드*/
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">


/* Inconsolata 폰트 css기입용 코드*/
font-family: 'Inconsolata', monospace;

가독성 보기편함 모바일 스타일의다양성 한글
★★★★★ ★★★★★ ★★★★★ ★★★★★

앞으로 계속 추가..