# web font

5개의 포스트
post-thumbnail

CSS 텍스트 관련 스타일

글꼴 지정할 때 사용글꼴이 사용자 시스템에 설치되어 있지 않으면 웹 문서에서 의도한 글꼴이 아닌 다른 글꼴로 표시됨그렇기 때문에 글꼴을 지정할 때, 글꼴이 없을 경우를 대비해 두 번째, 세 번째 글꼴을 지정하는 것이 좋음 font-size: <절대 크기> | &l

2021년 9월 3일
·
0개의 댓글
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개의 댓글