Google Fonts 적용하기

Yuri Lee·2020년 7월 12일
0

개인 포트폴리오 사이트를 만들기로 결정했다. 폰트가 깔끔해야 가독성이 높아지는 건 당연지사, 물론 유료폰트도 좋겠지만 아직까진 무료를 써야하는 경제적 상황..😭
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를 넣어줬다.

profile
Step by step goes a long way ✨

0개의 댓글