* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
안녕하세요. 전체 폰트를 적용하려고 하는데, 반영이 안됩니다.
원인이 뭘까요? ㅠㅠ
도움 주시면 감사하겠습니다.
CSS rules to specify families가 2줄이라 2줄 모두 작성도 해봤고, 적용이 안되서 2번째 줄을 삭제 후에도 적용해본 상태입니다.
- font-family: 'Dongle', sans-serif;
- font-family: 'Nanum Pen Script', cursive;
<적용하고자 하는 폰트 - 동글>
< 현재 실행 화면 - 폰트 변화 없음 >
<강사님 설명화면
>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Dongle&family=Nanum+Pen+Script&display=swap');
* {
font-family: 'Dongle', sans-serif;
}
.mytitle {
background-color: green;
width: 300px;
height: 200px;
border-radius: 10px;
color: white;
text-align: center;
padding: 30px 0px 0px 0px;
background-image: url(https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg);
background-position: center;
background-size: cover;
}
.warp {
width: 300px;
margin: 20px auto 0px auto;
}
</style>
</head>
<body>
<div class="warp">
<div class="mytitle">
<h1>로그인 페이지</h1>
<h5>아이디, 비밀번호를 입력하세요.</h5>
</div>
<p>ID : <input type="'text" /></p>
<p>PW : <input type="'text" /></p>
<button>로그인하기</button>
</div>
</body>
</html>
