반응형
아래의 링크를 클릭하여 구글 웹폰트 사이트에 접속합니다.
사이트에서 자기가 원하는 스타일의
영문 또는 한글 폰트를 찾아 코드를 복사합니다.
그리고 자신의 사이트 또는 블로그 HTML CSS에 추가해 주시면 완료됩니다.
[HTML]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Google Fonts</title>
<!---- 폰트 ---->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap" rel="stylesheet" />
<!---- 폰트 ---->
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<p class="regular">Montserrat Regular 400</p>
<p class="medium">Montserrat Medium 500</p>
<p class="bold">Montserrat Bold 700</p>
</body>
</html>
[CSS]
p {
font-family: "Montserrat", sans-serif;
}
.regular {
font-weight: 400;
}
.medium {
font-weight: 500;
}
.bold {
font-weight: 700;
}
이렇게 코드를 넣어주시면 원하는 폰트를 적용을 하실 수 있습니다.
반응형