CSS:텍스트

학교의 모든 지식. SMwiki
Sam (토론 | 기여)님의 2021년 6월 4일 (금) 10:11 판 (Sam님이 CSS:폰트 문서를 CSS:텍스트 문서로 이동했습니다)
둘러보기로 이동 검색으로 이동

틀:CSS. css에 대한 문서들을 담아두기 위한 틀.

  1. CSS:개요
  2. CSS:선택자
  3. CSS:크기척도
  4. CSS:텍스트
  5. CSS:아이콘
  6. CSS:속성
    1. CSS:색
    2. CSS:위치와 모양
    3. CSS:Flexbox
    4. CSS:기타속성
  7. CSS:변수
  8. CSS:진한쌤의 의문

구글 폰트에서 무료 폰트들을 다운받을 수 있다.


폰트 적용

일반적으로 html에서 폰트의 경로를 불러오고, <style>태그 안에서 글꼴을 지정한다.

<link href="폰트주소" rel="stylesheet">
    <style>
        선택자{font-family: 폰트명;}
    </style>
의도 설명 코드
글씨 크기 조절 폰트사이즈 속성을 지정한다. font-size: 10px;
글씨 굵기 조절 폰트의 굵기를 조절한다.
옵션 설명
숫자 100부터 900까지 100단위의 숫자 값 9가지.
normal 400;과 동일. 기본값.
bold 700;과 동일.
border 부모(상위) 요소보다 더 두껍게
lighter 부모(상위) 요소보다 더 얇게.

font-weight: 100;