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

imjingu·2023년 7월 5일
CSShtml
0

개발공부

목록 보기
56/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>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Hi+Melody&family=Nanum+Brush+Script&display=swap');
      </style>
    <!-- import 방식 
        위 링크는 사이트에서 링크를 복사해서 온것
        font-family 를 꼭 지정해줘야함 -->
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        /* font-family : css에서는 원하는 글꼴을 지정할 때 사용. */ 
        body {
                font-size: 14px;
                font-family: "NanumSquare", "NotoSansKR", sans-serif;
            }

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

        
    </style>
</head>

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

</body>

</html>

profile
imjingu
이전 포스트

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

다음 포스트

박스의 각 요소 위치를 정하는 방법 - position 속성

0개의 댓글