# web font

fepanbr

웹에서 사용자 경험(UX)를 늘리기 위한 노력의 일환으로 웹 폰트를 사용한다. 웹 폰트를 신중하게 사용하지 않으면 안 좋은 사용자 경험을 준다. 출처: 웹 폰트 사용과 최적화의 최근 동향 위 내용은 웹 폰트의 잘못된 사용을 단적으로 보여주는 예이다. 느린 웹 폰트의

smiletmf

기본형 @font-face { font-family: 글꼴 이름; src: url(글꼴파일경로) format(파일유형); }ttf 폰트를 eot파일과 woff파일로 변환ttf 파일은 다른 형식의 파일보다 용량이 크기 때문에 대부분읭 모던 브라우저에서 지원

yrats

!youtubeY2NNmhrsoNc

koasis89

구글 웹폰트 입히기 구글 웹폰트 URL 주소 https://fonts.google.com/?subset=korean

jehjong

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

kdydesign

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

silverj-kim

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

racoon

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