[CSS] web font - google font
<!DOCTYPE html>
<html>
<head>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&family=Noto+Sans+KR:wght@300&display=swap" rel="stylesheet">
<style>
#font1{
font-family: 'Nanum Pen Script', cursive;
font-size: 2rem;
}
</style>
</head>
<body>
<p id="font1">안녕하세요. Hello</p>
<p>안녕하세요. hello</p>
</body>
</html>
https://fonts.google.com/
上記サイトに登録し、必要なフォント
select this styleを選択します.
linkを
headに追加し、CSS rules to specify familiesコードを使用してフォントを追加すればいいです.Reference
この問題について([CSS] web font - google font), 我々は、より多くの情報をここで見つけました https://velog.io/@jong/CSS-web-font-google-fontテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol