CreatorHelper
๐Ÿ”ค

ํฐํŠธ ํŽ˜์–ด๋ง ์ถ”์ฒœ๊ธฐ

Google Fonts ๊ธฐ๋ฐ˜ 10์Œ ์ถ”์ฒœ ยท ์‹ค์‹œ๊ฐ„ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ยท CSS ์ฝ”๋“œ ๋ณต์‚ฌ ยท ๋ฌด๋ฃŒ

๋‚˜๋Š” 30์ผ ๋™์•ˆ ๋งค์ผ ๊ธฐ์ƒ ํ›„ ์ด๊ฒƒ์„ ํ–ˆ๋‹ค

์ฒ˜์Œ 1์ฃผ์ผ์€ ํž˜๋“ค์—ˆ์ง€๋งŒ, ์ดํ›„๋ถ€ํ„ฐ๋Š” ์˜คํžˆ๋ ค ํ™œ๋ ฅ์ด ์ƒ๊ธฐ๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด ์˜์ƒ์—์„œ๋Š” 30์ผ ์ฑŒ๋ฆฐ์ง€์˜ ๋ชจ๋“  ๊ณผ์ •์„ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค.

Heading: Playfair DisplayBody: Lato

Playfair Display + Lato

ํด๋ž˜์‹ & ์„ธ๋ จ

์šฐ์•„ํ•œ ์„ธ๋ฆฌํ”„ ์ œ๋ชฉ๊ณผ ๊น”๋”ํ•œ ์‚ฐ์„ธ๋ฆฌํ”„ ๋ณธ๋ฌธ. ๋ทฐํ‹ฐยทํŒจ์…˜ยท๋ผ์ดํ”„์Šคํƒ€์ผ ์ฑ„๋„์— ์ตœ์ .

์ถ”์ฒœ ์šฉ๋„: ๋ทฐํ‹ฐ, ํŒจ์…˜, ๋ผ์ดํ”„์Šคํƒ€์ผ, ์—ฌํ–‰ ๋ธŒ์ด๋กœ๊ทธ

Google Fonts์—์„œ ๋‹ค์šด๋กœ๋“œ โ†’

ํฌ๋ฆฌ์—์ดํ„ฐ๋ฅผ ์œ„ํ•œ ํฐํŠธ ์„ ํƒ ๊ฐ€์ด๋“œ

์œ ํŠœ๋ธŒ ์ธ๋„ค์ผ, ์ธ์Šคํƒ€๊ทธ๋žจ ์นด๋“œ ๋‰ด์Šค, ์‡ผ์ธ  ์ž๋ง‰์—์„œ ํฐํŠธ ์„ ํƒ์€ ์ฝ˜ํ…์ธ ์˜ ์ฒซ์ธ์ƒ์„ ๊ฒฐ์ •ํ•ฉ๋‹ˆ๋‹ค. ์˜ฌ๋ฐ”๋ฅธ ํฐํŠธ ์กฐํ•ฉ์€ ์‹œ์ฒญ์ž๊ฐ€ ์ฝ˜ํ…์ธ ์˜ ๋ถ„์œ„๊ธฐ๋ฅผ 0.5์ดˆ ์•ˆ์— ํŒŒ์•…ํ•˜๊ฒŒ ๋งŒ๋“ค์–ด ํด๋ฆญ๋ฅ ์„ ๋†’์ž…๋‹ˆ๋‹ค.

ํฐํŠธ ํŽ˜์–ด๋ง์˜ ๊ธฐ๋ณธ ์›์น™

  • ๋Œ€๋น„ ์›์น™: ์ œ๋ชฉ๊ณผ ๋ณธ๋ฌธ์— ์„œ๋กœ ๋‹ค๋ฅธ ํฐํŠธ ํŒจ๋ฐ€๋ฆฌ(์„ธ๋ฆฌํ”„+์‚ฐ์„ธ๋ฆฌํ”„)๋ฅผ ์‚ฌ์šฉํ•ด ์‹œ๊ฐ์  ๊ณ„์ธต์„ ๋งŒ๋“ ๋‹ค.
  • ์กฐํ™” ์›์น™: ๋น„์Šทํ•œ ๋ฌด๋“œ์˜ ํฐํŠธ๋ฅผ ์„ ํƒํ•˜๋˜, ๊ตต๊ธฐ ์ฐจ์ด๋กœ ๊ตฌ๋ถ„ํ•œ๋‹ค. (๊ตต์€ ์ œ๋ชฉ + ์–‡์€ ๋ณธ๋ฌธ)
  • ๊ฐ€๋…์„ฑ ์›์น™: ๋ณธ๋ฌธ ํฐํŠธ๋Š” ๋ฌด์กฐ๊ฑด ์ฝ๊ธฐ ์‰ฌ์›Œ์•ผ ํ•œ๋‹ค. ๊ฐœ์„ฑ๋ณด๋‹ค ๋ช…ํ™•์„ฑ ์šฐ์„ .
  • ์ผ๊ด€์„ฑ ์›์น™: ๊ฐ™์€ ํฐํŠธ ์กฐํ•ฉ์„ ์ฑ„๋„ ์ „์ฒด์— ์ผ๊ด€๋˜๊ฒŒ ์‚ฌ์šฉํ•ด ๋ธŒ๋žœ๋“œ ์•„์ด๋ดํ‹ฐํ‹ฐ๋ฅผ ๊ตฌ์ถ•ํ•œ๋‹ค.

Google Fonts ์‚ฌ์šฉ ์‹œ ์ฃผ์˜์‚ฌํ•ญ

Google Fonts๋Š” ์ƒ์—…์  ์‚ฌ์šฉ์ด ํ—ˆ์šฉ๋œ ์˜คํ”ˆ์†Œ์Šค ํฐํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค. ์œ ํŠœ๋ธŒ ์˜์ƒ, ์ธ์Šคํƒ€๊ทธ๋žจ ํฌ์ŠคํŒ…, ์œ ๋ฃŒ ์ œํ’ˆ ๋””์ž์ธ์—๋„ ์ €์ž‘๊ถŒ ๊ฑฑ์ • ์—†์ด ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ๋‹จ, ์ผ๋ถ€ ํฐํŠธ๋Š” ํŠน์ • ์–ธ์–ด์˜ ๊ธ€์ž๋ฅผ ์™„๋ฒฝํ•˜๊ฒŒ ์ง€์›ํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ํ•œ๊ตญ์–ด ์ฝ˜ํ…์ธ ์—๋Š” Noto Sans KR, Nanum Gothic ๋“ฑ ํ•œ๊ตญ์–ด ์ง€์› ํฐํŠธ๋ฅผ ๋ณธ๋ฌธ์— ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์„ ๊ถŒ์žฅํ•ฉ๋‹ˆ๋‹ค.

ํฐํŠธ ํŽ˜์–ด๋ง ์ถ”์ฒœ๊ธฐ โ€” Google Fonts ์กฐํ•ฉ 10์Œ ์‹ค์‹œ๊ฐ„ ๋ฏธ๋ฆฌ๋ณด๊ธฐ | Creator Helper