250x250
Notice
Recent Posts
Recent Comments
Link
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Tags more
Archives
Today
Total
관리 메뉴

커리까지

CSS 수업 - 타이포그래피 : font 본문

CSS

CSS 수업 - 타이포그래피 : font

목표는 커리 2021. 2. 25. 08:17
728x90
SMALL
<html>
    <head>
        <style>
            #type1{
                font-size:5rem;
                font-family:arial, verdana, 'Helvetica Neue', monospace;
                font-weight: bold;
                line-height: 2;
            }
            p{
                font: bold 5rem/2 arial, verdana, 'Helvetica Neue', serif;
            }

        </style>
    </head>
    <body>
        <p id='type1'>
            Hello World
        </p>
        <p id='type2'>
            Hello World
        </p>
    </body>
</html>
  • 원하는 폰트가 깔려있지 않을 수 있음.
    • arial이 없으면 verdana가 적용되고 둘다 없으면 Helvetica Neue가 적용된다.

css_03

  • Sans는 부정의 의미가 있어서 장식이 없다.

  • monospace

    • 고정폭, 폰트의 모든 폭을 동일하게 설정

  • line-height

    • 위 아래 폰트 간격

  • font-weight

    • 폰트 굵기

  • font: bold 5rem/2 arial, verdana, 'Helvetica Neue', serif;

    • 모든 속성들을 나열
728x90
LIST
저작자표시

'CSS' 카테고리의 다른 글

CSS 수업 - 상속  (0) 2021.02.26
CSS 수업 - 타이포그래피 : 웹폰트  (0) 2021.02.25
CSS 수업 - 타이포그래피 : color  (0) 2021.02.23
CSS 수업 - 타이포그래피 : font-size  (0) 2021.02.19
CSS 수업 - 속성을 공부하는 방법  (0) 2021.02.18
'CSS' Related Articles more
Comments