커뮤니티

고용노동부, 산업인력공단과 함께하는 강원도 유일한 기업중심 IT전문교육기관 ICT융합캠퍼스만의 특별한교육입니다.
공인 IT숙련기술인의 다양한 접근방법으로 전문가다운 실무교육을 받을 수 있습니다.

Category

교육강좌

클라이언트 CSS 사전 - font-family

페이지 정보

작성자 관리자 댓글 0건 조회 5,245회 작성일 20-07-20 13:23

본문

font-family

Summary

특정 글꼴이나 대표 글꼴을 지정한다.

[ [<글꼴 이름> | <대표 글꼴>],]* [<글꼴 이름> | <대표 글꼴>] | inherit
기본값 브라우저에 의존
적용대상 모든요소
상속 상속함
퍼센테이지 지정 불가
미디어 Visual

Value

  • 글꼴 이름 : 브라우저에 따라 공백으로 글꼴 이름을 구분할 수 있으므로 공백을 갖는 글꼴 이름일 경우 따옴표로 묶어줘야 한다. (ex: "new century schoolbook", "맑은 고딕")
  • 대표 글꼴 : serif, sans-serif, cursive, fantasy, monospace가 대표글꼴로 정의되어 있고, 대표글꼴의 이름은 키워드이므로 따옴표 안에 넣으면 안된다. 대표글꼴은 글꼴 이름으로 지정한 글꼴을 사용할 수 없을 때 사용자의 시스템 환경에서 제공하는 글꼴로 대체해준다.
  • inherit

Tip

  1. 다음과 같이 사용할 수 있다.
    1
    2
    3
    body {
    font-family: "맑은 고딕", verdana, san-serif;
    }
  2. 글꼴이름과 대표글꼴들을 콤마로 구별하여 복수지정하고 그 순서 그대로 우선순위가 된다. 위 예제에서는 "맑은 고딕"이 우선 표시 되고 "맑은 고딕"이 없으면, verdana 가 표시되고, 그 글꼴이 없으면 시스템 대표글꼴인 san-serif가 표시되도록 지정되었다.

 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

답변목록

등록된 답변이 없습니다.