개인 포트폴리오 사이트를 만들기로 결정했다. 폰트가 깔끔해야 가독성이 높아지는 건 당연지사, 물론 유료폰트도 좋겠지만 아직까진 무료를 써야하는 경제적 상황..😭
https://fonts.google.com/ 여기로 들어가자
사이트에 들어가면 이와 같은 화면이 나온다. 다양한 종류의 폰트들이 있다.
나는 무난한 Roboto font를 선택했다. 그럼 옆의 embed 창에 link와 css 코드가 나와있다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Yuri's Portfolio</title>
<meta name="description" content="Portfolio for Yuri">
<meta name="author" content="Yuri">
<script
src="https://kit.fontawesome.com/6906398563.js"
crossorigin="anonymous">
</script>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap" rel="stylesheet">
</head>
<body>
</body>
</html>
다음과 같이 index.html에 생성된 link를 넣어줬다.