CSS:텍스트: 두 판 사이의 차이

학교의 모든 지식. SMwiki
둘러보기로 이동 검색으로 이동
편집 요약 없음
편집 요약 없음
22번째 줄: 22번째 줄:
|font-size: 10px;
|font-size: 10px;
|-
|-
|
|글씨 굵기 조절
|
|폰트의 굵기를 조절한다.
|
{| class="wikitable"
!옵션
!설명
|-
|숫자
|100부터 900까지 100단위의 숫자 값 9가지.
|-
|normal
|400;과 동일. 기본값.
|-
|bold
|700;과 동일.
|-
|border
|부모(상위) 요소보다 더 두껍게
|-
|lighter
|부모(상위) 요소보다 더 얇게.
|}<br />
|font-weight: 100;
|-
|-
|
|

2021년 6월 4일 (금) 09:51 판

틀: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;