일반적인 폰트 사용법-url 방식

imjingu·2023년 7월 5일
CSShtml
0

개발공부

목록 보기
55/481
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <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=Nanum+Brush+Script&display=swap" rel="stylesheet">
    <!-- url 방식 -->
    <!-- 위 3개 링크는 사이트에서 링크를 복사해서 온것 -->
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        /* font-family : css에서는 원하는 글꼴을 지정할 때 사용. */ 
        body {
                font-size: 14px;
                font-family: "NanumSquare", "NotoSansKR", sans-serif;
            }

        .test1 { /* 위 3개 링크를 복사해온 사이트에서 밑에보면 나와있음 똑같이 복사 */
                font-family: 'Nanum Brush Script', cursive;
            }

        
    </style>
</head>

<body>
    <h2>일반적인 폰트 사용법</h2>
    <p class="test1">
    일반적으로 스타일을 이용해서 연결하는방법 - 내 컴퓨터 내에 설치된 폰트가 존재할 경우에만 구현이 됨.
    사용자의 컴퓨터에 해당 폰트가 없으면 대체 폰트가 적용 됨.
    </p>

</body>

</html>

profile
imjingu
이전 포스트

form태그-드롭메뉴

다음 포스트

일반적인 폰트 사용법-import 방식

0개의 댓글