본문 바로가기

CSS, Javascript, jQuery/information

Web Fonts

웹폰트는 
*@가 있는 것은 상단부에 기술하는 것이 좋다(아래쪽에 기술하면 안먹힐때가 있음)

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