웹 사이트에 구글 폰트 적용하기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../css/mystyle.css">
<style>
div{
hight : 300px;
magin : 20px;
padding : 20px;
font : 2.0em 'Mochiy Pop One', sans-serif;
border : 1px solid green;
}
/*@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap');*/
</style>
</head>
<body>
<pre>
웹 폰트 검색
웹 사이트에 구글 폰트 적용하기
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap" rel="stylesheet">
font : 2.0em 'Mochiy Pop One', sans-serif;
@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap');
</pre>
<div>
Merry Christmas~~<br>
Happy New Year!!!
Merry Christmas~~<br>
Happy New Year!!!
Merry Christmas~~<br>
Happy New Year!!!
Merry Christmas~~<br>
Happy New Year!!!
</div>
</body>
</html>
Author And Source
이 문제에 관하여(웹 사이트에 구글 폰트 적용하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@susan9905/웹-사이트에-구글-폰트-적용하기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)