프론트 044 - 웹폰트

규링규링규리링·2024년 8월 21일

프론트 공부하기

목록 보기
44/135

웹폰트

HTML 요소의 글씨체를 바꾸고 싶으면?

보통 위처럼 여러개의 폰트를 동시에 적용시킴
폰트명에 띄어쓰기가 없다면 "" 따옴표 없이 가능
앞에서부터 적용 우선순위를 가짐
예를들어

font-family: arial,"맑은 고딕",sans-serif;

이렇게 적용을 시킨다면
우선순위는 입력한 그대로 arial -> 맑은 고딕 -> sans-serif 순서
위 폰트를 적용하고
ABC 초콜릿 이라는 단어를 입력하게되면
arial 폰트는 영문자 폰트라 한글 정보가 없기에 ABC부분만 arial 폰트가 적용되고,
초콜릿 부분은 맑은 고딕으로 입력될것.

sans-serif는 앞의 폰트들이 없거나, 네트워크등의 문제로 찾지 못했을때 사용자의 컴퓨터에서 가져오는 Generic-family 설정으로 안전장치 느낌

sans-serif는 보통 고딕체이고, serif = 바탕체, cursiv = 필기체 계열

위처럼 폰트는 사용자의 컴퓨터에 존재해야 프로그램등에서 정상적으로 출력이 되는데 그렇게 되면 매번 사용자에게 필요한 폰트를 다운로드 요청을 하게되어 이용자가 불편함을 느낄 수 있음
그래서 사용하는게 웹 폰트 (Web Font) 기능이다

사용자들은 알지못하는 다운로드 과정이 웹페이지에서 일어나고있는것.

@font-face 이용

@import 이용

0개의 댓글