정보/WEB

font(폰트 설정과 외부 폰트 적용)

여기블로그 2022. 12. 24. 02:56
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>font</title>
            <meta charset="UTF-8">
            <style>
                div:nth-child(1) {
                    font-family: 'Black Han Sans', sans-serif;  
                    /* font-family: 서체 지정, ...*/
                    font-weight: 400;
                    /* font-weight: 글씨 굵기 설정*/
                    /* font-size: 글씨 크기(pt, px 등)*/
                    font-size: 32px;
                }
                div:nth-child(2){
                    font-family: 'Nanum Brush Script', cursive;
                }
                div:nth-child(3){
                    font-family: 'Nanum Brush Script', cursive;
                }
            </style>
            <link rel="preconnect" href="https://fonts.googleapis.com">
            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
            <link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap" rel="stylesheet">
            <link href="https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap" rel="stylesheet">
           
    </head>
    <body>
        <div>대한민국은 민주공화국이다.</div>
        <div>대한민국으 주권은 국민에게 있고, 모든 권력은 국민으로부터 나온다.</div>
        <div>去る20日、韓国のコスピ(kospi)指数が下落した。</div>
    </body>
</html>
728x90
반응형