# web font

4개의 포스트
post-thumbnail

CSS에 폰트 적용하기 (웹폰트 & 폰트 파일)

눈누, Google Fonts 등에서 웹폰트 주소를 복사해서 사용한다적용적용파일을 다운받은 후 프로젝트 디렉토리에 복사한다url 자리에 해당 폰트 파일의 경로 기입font-family이름은 원하는대로 지정적용

2021년 1월 31일
·
0개의 댓글
post-thumbnail

Web Icon Font 제작 방법을 배워보자!

흔히 아는 material-icon, font-awesome, ionic-icon은 SVG를 토대로 font 형식으로 생성하여 사용되는 web icon font이다.보통 위 icon set을 가져다가 쓰겠지만 프로젝트를 하면서 내가 원하는 아이콘이 없다면 어떡할까? 대

2020년 8월 26일
·
0개의 댓글

[Front-end] Web Font 웹 폰트

웹 폰트 웹 폰트란? 로컬의 폰트 설치 상황에 상관없이 웹에서 항상 원하는 타이포그래피를 사용할 수 있게 하는 기술 사용법 CSS의 @font-face 규칙을 사용하여 적용한다. font-family : 사용할 웹 폰트의 이름 src : 폰트 파일의 경로와 폰트의

2020년 7월 15일
·
0개의 댓글

웹 폰트 최적화

웹에서 제공되는 정보의 95% 이상은 문어(written language)의 형태입니다. 좋은 타이포그래피는 사용자의 가독성, 접근성, 사용성 등을 사용자 경험을 향상시킬 수 있습니다. 이처럼 웹에서 타이포그래피는 중요합니다.웹 폰트(Web Font)는 디자이너가 원하

2020년 2월 19일
·
0개의 댓글