웹폰트는
*@가 있는 것은 상단부에 기술하는 것이 좋다(아래쪽에 기술하면 안먹힐때가 있음)
coderen.io : 무료배포 사이트
Web Safe Fonts
보통 컴퓨터에 설치되어 있는 폰트들로 font-family의 속성값을 구성한다.
Web fonts
웹 디자이너가 사용한 글꼴을 다른 사용자의 컴퓨터에 설치되어 있지 않아도 보여질 수 있도록 구현
@font-face Rule
@font-face 규칙을 추가하여 나만의 폰트를 웹 서버에 포함 시켜놓으면 사용자가 자동으로 폰트를
다운로드하여 문서에 포함시킬 수 있다.
다양한 폰트를 사용하고 싶을 때 해당 폰트를 눈누폰트 사이트에서 다운받고 transfonter.org사이트에서 다양한 폰트 포맷으로 저장후 @font-fack rule을 이용하여 코딩하면 서버에 해당 폰트를 올렸을 때 사용자가 내 웹사이트에 들어오는 순간 해당 폰트를 다운받아 사용이 가능합니다.
'CSS, Javascript, jQuery > information' 카테고리의 다른 글
왜곡 (0) | 2023.04.25 |
---|---|
애니메이션 기법 (0) | 2023.04.21 |
position 속성 (0) | 2023.04.11 |
선택자 (0) | 2023.04.07 |
다양한 스타일 (0) | 2023.04.05 |