* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
같은 폴더 내에 있는 폰트를 적용하고 싶은데
적용이 안됩니다. ㅠㅠ 도와주세요
작성한 코드 및 에러 메세지
오류 발생 시한 코드 전체와 에러 메시지를 첨부해 주세요.
Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.
Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>오와지네 고양이들</title>
<link rel="stylesheet"
href="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/easygpt/default.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
<style>
.card:hover {
transform: scale(1.05);
transition: transform 0.2s ease-in-out;
}
@font-face {
font-family: 'RubikBubbles-Regular.ttf';
src: url('RubikBubbles-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
</style>
</head>
<body>
<section class="hero d-flex align-items-center" style="background-color: #d1566f; padding: 100px 0;">
<div class="container">
<div class="row">
<div class="col-md-12 text-center text-white">
<h1 class="text-white">OwaJi wa Cats</h1>
<h2 class="text-white">miaw</h2>
</div>
<section class="cards my-5">
<div class="container">
<div class="row">
<!-- 첫 번째 카드 -->
<div class="col-md-4">
<div class="card">
<a href="https://spartacodingclub.kr/" target="_blank">
<img src="팻보이세이.jpeg" class="card-img-top"
alt="chair image">
</a>
<div class="card-body">
<h5 class="card-title">금강세이</h5>
<h6 class="card-subtitle mb-2 text-muted">10만원</h6>
<p class="card-text">두 달 정도 사용한 안락의자입니다. 따로 사용하지 않아 판매합니다.</p>
</div>
</div>
</div>
<!-- 두 번째 카드 -->
<div class="col-md-4">
<div class="card">
<a href="https://spartacodingclub.kr/" target="_blank">
<img src="감성에리카.jpeg" class="card-img-top"
alt="laptop image">
</a>
<div class="card-body">
<h5 class="card-title">김강에리카</h5>
<h6 class="card-subtitle mb-2 text-muted">30만원</h6>
<p class="card-text">금년도에 산 노트북입니다. 사용 기간이 짧아 거의 새것과 같습니다.</p>
</div>
</div>
</div>
<!-- 세 번째 카드 -->
<div class="col-md-4">
<div class="card">
<a href="https://spartacodingclub.kr/" target="_blank">
<img src="근엄무지.jpeg" class="card-img-top"
alt="shoes image">
</a>
<div class="card-body">
<h5 class="card-title">감무지</h5>
<h6 class="card-subtitle mb-2 text-muted">5만원</h6>
<p class="card-text">운동화를 자주 안 신어서 얇은 바닥에 신으면 발이 아파서 판매합니다.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>
