프론트엔드 센트럴파크 (☞ﾟヮﾟ)☞

구글폰트 적용하기 본문

Project/All_ganics

구글폰트 적용하기

자라나라나무나무나 2022. 1. 10. 16:05

 

한국어 구글폰트를 적용하기 위해 크롬에서 '구글폰트' 입력

https://fonts.google.com/?subset=korean

 

 

 

하단으로 스크롤을 쭉 내리다 보면 노란 박스 부분이 보이는데

이곳에서 원하는 글씨 굵기 등 여러가지 옵션을 선택하고 나서

 

 

페이지 상단 맨 오른쪽에 빨간불이 켜진다.

 

import 방식으로 적용

 
<!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=Black+Han+Sans&family=Open+Sans&display=swap');
        p{
        font-size: 3em;
        font-family: 'Black Han Sans', sans-serif;
    }
    </style>
</head>
<body>
   <p>안녕하세요, 개발세발 개발자의 블로그 입니다.</p>
</body>
</html>

 

 

'Project > All_ganics' 카테고리의 다른 글

Login  (0) 2022.01.11
nav bar 로그인/로그아웃 상태변경  (0) 2022.01.10
'Project/All_ganics' Related Articles more
Comments