구글 폰트 적용

Oh.mogilalia 2021. 8. 18. 05:33

Use on the web
To embed a font, copy the code into the <head> of your html
<link>
--------------
<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=Gowun+Dodum&family=Nanum+Brush+Script&family=Nanum+Gothic:wght@400;700&family=Nanum+Myeongjo:wght@400;800&display=swap" rel="stylesheet">
==============
Use on the web
To embed a font, copy the code into the <head> of your html
@import
--------------
<style>
@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Nanum+Gothic:wght@400;700&family=Nanum+Myeongjo:wght@400;800&display=swap');
</style>

CSS rules to specify families

font-family: 'Gowun Dodum', sans-serif;
font-family: 'Nanum Brush Script', cursive;
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Nanum Gothic Coding', monospace;
font-family: 'Nanum Myeongjo', serif;
font-family: 'Nanum Pen Script', cursive;