๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

ํ–‰๋ณตํ•œ์‚ถ/IT ์ธํ„ฐ๋„ท ์ •๋ณด

๊ตฌ๊ธ€ ํฐํŠธ noto sans kr ๋ฌด๋ฃŒํฐํŠธ ๋‹ค์šด๋กœ๋“œ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

๋ฐ˜์‘ํ˜•

๊ตฌ๊ธ€ ํฐํŠธ noto sans kr์€ ์ธ์‡„๋ฌผ์ด๋‚˜ ์›น๋””์ž์ธ ๋“ฑ ๋‹ค์–‘ํ•œ ์ƒํ™ฉ์— ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ฌด๋ฃŒํฐํŠธ์ž…๋‹ˆ๋‹ค.

 

ํฐํŠธ๋ฅผ ๋‹ค์šด๋ฐ›์•„ ์ปดํ“จํ„ฐ windows\font ํด๋”์— ์„ค์น˜ ํ›„ ์‚ฌ์šฉํ•  ์ˆ˜๋„ ์žˆ์œผ๋ฉฐ GOOGLE FONT ์‚ฌ์ดํŠธ์—์„œ๋Š” ์›น์ฝ”๋”ฉ ์ž‘์—…์„ ํ• ๋•Œ ์›นํฐํŠธ๋กœ ํ™œ์šฉํ• ์ˆ˜ ์žˆ๋‹ค๋Š”์ ์— ๋งค์šฐ ํŽธ๋ฆฌํ•ฉ๋‹ˆ๋‹ค.

 

๊ตฌ๊ธ€ ํฐํŠธ noto sans kr ๋ฌด๋ฃŒํฐํŠธ ๋‹ค์šด๋กœ๋“œ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•
๊ตฌ๊ธ€ ํฐํŠธ noto sans kr ๋ฌด๋ฃŒํฐํŠธ ๋‹ค์šด๋กœ๋“œ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

 

Noto Sans KR ํฐํŠธ์— ๋Œ€ํ•ด์„œ

Noto๋Š” ๋ชจ๋“  ํ˜„๋Œ€ ๋ฐ ๊ณ ๋Œ€ ์–ธ์–ด๋กœ ์“ฐ๊ธฐ ์œ„ํ•œ ๊ธ€๋กœ๋ฒŒ ๊ธ€๊ผด ๋ชจ์Œ์ด๋ฉฐ Noto Sans KR์€ ํ•œ๊ธ€๊ณผ ํ•œ์ž ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ํ•œ๊ตญ์–ด์šฉ ๋ณ€์กฐ๋˜์ง€ ์•Š์€("์‚ฐ์„ธ๋ฆฌํ”„") ๋””์ž์ธ์ž…๋‹ˆ๋‹ค. ๋˜ํ•œ ํžˆ๋ผ๊ฐ€๋‚˜, ๊ฐ€ํƒ€์นด๋‚˜, ๋ผํ‹ด์–ด, ํ‚ค๋ฆด ๋ฌธ์ž ๋ฐ ๊ทธ๋ฆฌ์Šค์–ด๋„ ์ง€์›ํ•˜๋ฉฐ ์—ฌ๋Ÿฌ ๊ฐ€์ค‘์น˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

 

 

 

 

 

 

 

 

Google Font์—์„œ ์›นํฐํŠธ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

๊ตฌ๊ธ€ ํฐํŠธ noto sans kr ๋ฌด๋ฃŒํฐํŠธ ๋‹ค์šด๋กœ๋“œ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•
๊ตฌ๊ธ€ ํฐํŠธ noto sans kr ๋ฌด๋ฃŒํฐํŠธ ๋‹ค์šด๋กœ๋“œ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

 

๊ตฌ๊ธ€ํฐํŠธ ์›น์‚ฌ์ดํŠธ์— ์ ‘์†ํ•˜์‹œ๋ฉด ํ•œ๊ธ€๋ฟ๋งŒ์•„๋‹ˆ๋ผ ์˜์–ด, ์ค‘๊ตญ์–ด, ์ผ๋ณธ์–ด ๋“ฑ ๋‹ค์–‘ํ•œ ๊ตญ๊ฐ€์˜ ์›นํฐํŠธ๋ฅผ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.
์‚ฌ์šฉ ๋ฐฉ๋ฒ•์€ ์›ํ•˜๋Š” ํฐํŠธ(๊ธ€๊ผด)์„ ์„ ํƒ ํ›„ 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 ํฐํŠธ๋Š” ํ‰์†Œ ์›น๋””์ž์ธํ• ๋•Œ๋‚˜ ํฌํ† ์ƒต์—์„œ ๋ฐฐ๋„ˆ์ด๋ฏธ์ง€ ์ž‘์—…ํ• ๋•Œ ์ž์ฃผ ํ™œ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.


๊น”๋”ํ•œ ์„œ์ฒด๋ผ์„œ ๋””์ž์ธ์ž‘์—…ํ• ๋•Œ ์ฃผ๋ณ€ ๊ตฌ์„ฑ์š”์†Œ๋“ค๊ณผ ์ž˜ ์–ด์šธ๋ฆฌ๋Š”๊ฒŒ ํŠน์ง•์ด๋ฉฐ ๋ฌด๋ฃŒ๋ผ์„œ ์ €์ž‘๊ถŒ ๊ฑฑ์ •์—†์ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š”์ ์—์„œ ์ถ”์ฒœ๋“œ๋ฆด ์ˆ˜ ์žˆ๋Š” ํฐํŠธ์ž…๋‹ˆ๋‹ค.

๋ฐ˜์‘ํ˜•