๊ตฌ๊ธ ํฐํธ noto sans kr์ ์ธ์๋ฌผ์ด๋ ์น๋์์ธ ๋ฑ ๋ค์ํ ์ํฉ์ ์ฌ์ฉํ ์ ์๋ ๋ฌด๋ฃํฐํธ์ ๋๋ค.
ํฐํธ๋ฅผ ๋ค์ด๋ฐ์ ์ปดํจํฐ windows\font ํด๋์ ์ค์น ํ ์ฌ์ฉํ ์๋ ์์ผ๋ฉฐ GOOGLE FONT ์ฌ์ดํธ์์๋ ์น์ฝ๋ฉ ์์ ์ ํ ๋ ์นํฐํธ๋ก ํ์ฉํ ์ ์๋ค๋์ ์ ๋งค์ฐ ํธ๋ฆฌํฉ๋๋ค.
Noto Sans KR ํฐํธ์ ๋ํด์
Noto๋ ๋ชจ๋ ํ๋ ๋ฐ ๊ณ ๋ ์ธ์ด๋ก ์ฐ๊ธฐ ์ํ ๊ธ๋ก๋ฒ ๊ธ๊ผด ๋ชจ์์ด๋ฉฐ Noto Sans KR์ ํ๊ธ๊ณผ ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํ๋ ํ๊ตญ์ด์ฉ ๋ณ์กฐ๋์ง ์์("์ฐ์ธ๋ฆฌํ") ๋์์ธ์ ๋๋ค. ๋ํ ํ๋ผ๊ฐ๋, ๊ฐํ์นด๋, ๋ผํด์ด, ํค๋ฆด ๋ฌธ์ ๋ฐ ๊ทธ๋ฆฌ์ค์ด๋ ์ง์ํ๋ฉฐ ์ฌ๋ฌ ๊ฐ์ค์น๊ฐ ์์ต๋๋ค.
Google Font์์ ์นํฐํธ ์ฌ์ฉ ๋ฐฉ๋ฒ
๊ตฌ๊ธํฐํธ ์น์ฌ์ดํธ์ ์ ์ํ์๋ฉด ํ๊ธ๋ฟ๋ง์๋๋ผ ์์ด, ์ค๊ตญ์ด, ์ผ๋ณธ์ด ๋ฑ ๋ค์ํ ๊ตญ๊ฐ์ ์นํฐํธ๋ฅผ ์ง์ํฉ๋๋ค.
์ฌ์ฉ ๋ฐฉ๋ฒ์ ์ํ๋ ํฐํธ(๊ธ๊ผด)์ ์ ํ ํ Style ์ค ๊ตต๊ธฐ๋ฅผ ์ ํํ์๋ฉด ์ฐ์ธก ํ๋ฉด์ or @import๋ก ์ฝ๋๊ฐ ์์ฑ๋๋ฉฐ ๋ฃ๊ณ ์ ํ๋ ์นํ์ด์ง์ ์ ์ฉํ์๋ฉด ๋ฉ๋๋ค.
* noto sans kr ๊ตฌ๊ธ ํฐํธ 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=Noto+Sans+KR:wght@300&display=swap" rel="stylesheet">
* noto sans kr ๊ตฌ๊ธ ํฐํธ html ํ์ด์ง style ์ ์ ๋๋ CSS ํ์ผ์ ์ง์ ์ง์ ํ ์๋ ์์ต๋๋ค.
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap');
</style>
๊ทธ๋ฆฌ๊ณ CSS์ font-family ๋ฅผ ์ถ๊ฐํด์ฃผ์๋ฉด ๋ฉ๋๋ค.
font-family: 'Noto Sans KR', sans-serif;
๊ตฌ๊ธํฐํธ noto sans kr ๋ค์ด๋ก๋
์ ๋ noto sans ํฐํธ๋ ํ์ ์น๋์์ธํ ๋๋ ํฌํ ์ต์์ ๋ฐฐ๋์ด๋ฏธ์ง ์์ ํ ๋ ์์ฃผ ํ์ฉํ๊ณ ์์ต๋๋ค.
๊น๋ํ ์์ฒด๋ผ์ ๋์์ธ์์
ํ ๋ ์ฃผ๋ณ ๊ตฌ์ฑ์์๋ค๊ณผ ์ ์ด์ธ๋ฆฌ๋๊ฒ ํน์ง์ด๋ฉฐ ๋ฌด๋ฃ๋ผ์ ์ ์๊ถ ๊ฑฑ์ ์์ด ์ฌ์ฉํ ์ ์๋ค๋์ ์์ ์ถ์ฒ๋๋ฆด ์ ์๋ ํฐํธ์
๋๋ค.