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 수업 - 타이포그래피 : 웹폰트 본문

CSS

CSS 수업 - 타이포그래피 : 웹폰트

목표는 커리 2021. 2. 25. 08:17
728x90
SMALL
<html>
    <head>
        <link href='폰트링크' rel='stylesheet'>
        <style>
            #font1{
                font-family: 'Open Sans Condensed', sans-serif;
            }
            #font2{
                font-family: 'Indie Flower', cursive;
            }
        </style>
    </head>
    <body>
        <p id='font1'>
            Hello World
        </p>
        <p id='font2'>
            Hello World
        </p>
    </body>
</html>

  • 폰트링크를 연결하고 font-family로 지정해주면 적용된다.(구글폰트 기준)

  • <link href='폰트링크' rel='stylesheet'>

    • href='폰트링크' 에서 링크에 해당되는 것을 다운받는다.

  • 폰트생성기로 보유하고 있는 폰트를 웹폰트로 만들 수 있다.

  • font-family에서 이름을 바꿔서 적용 가능

728x90
LIST
저작자표시

'CSS' 카테고리의 다른 글

CSS 수업 - stylish  (0) 2021.03.02
CSS 수업 - 상속  (0) 2021.02.26
CSS 수업 - 타이포그래피 : font  (0) 2021.02.25
CSS 수업 - 타이포그래피 : color  (0) 2021.02.23
CSS 수업 - 타이포그래피 : font-size  (0) 2021.02.19
'CSS' Related Articles more
Comments