CSS๐Ÿ”ง/css font+text ๊ด€๋ จ

๊ตฌ๊ธ€ ์›น ํฐํŠธ ์ ์šฉ

hyojinny 2022. 9. 1. 14:34

<์›นํฐํŠธ 1๊ฐœ ์ ์šฉ๋ฐฉ๋ฒ•>

 

- ์ถ”๊ฐ€ํ•˜๊ธฐ

๊ตฌ๊ธ€ ํฐํŠธ > ํฐํŠธ์„ ํƒ > ๊ตต๊ธฐ + ๋ˆ„๋ฅด๊ธฐ > 

 

ํƒœ๊ทธ์ค‘ ํ•˜๋‹จ์˜ ์›นํฐํŠธ์—ฐ๊ฒฐ ์ฝ”๋“œ๋งŒ ๋ณต์‚ฌ
review > link rel (์‚ฌ์šฉ์•ˆํ•จ ์ต์Šค ํ˜ธํ™˜๋ถˆ๊ฐ€) / link href ์‚ฌ์šฉ

 

- ์œ„์น˜

common.css ์œ„์ชฝ์— ๋ถ™์—ฌ์คŒ
๋ฌด์กฐ๊ฑด body์œ„์— ์œ„์น˜
(body์œ„๋ฉด ์ƒ๊ด€์—†์œผ๋‚˜ meta , tiltle ๋ฐ‘์— ์œ„์น˜๊ฐ€ ์ •์„  )

 

- ๋ถ™์—ฌ๋„ฃ๊ธฐ

css ํฐํŠธ์ƒ๋‹จ์ ์šฉ

font-family: 'Noto Sans KR',

- ๋น„๊ตํ• ๋–ˆ?
๋ง‘์€ ๊ณ ๋”• ๋„ฃ์–ด๋ณด๊ธฐ

- 2๊ฐœ์ ์šฉ์‹œ
์˜๋ฌธํฐํŠธ๊ฐ€ ์•ž์œผ๋กœ ๊ฐ€์•ผํ•จ (ํ•œ๊ธ€ํฐํŠธ๊ฐ€ ์•ž์ด๋ฉด ์˜๋ฌธ์ ์šฉ์•ˆ๋จ)
์‚ฌ์ดํŠธ์ „์ฒด์— ์˜๋ฌธ์ด ๋งค์šฐ๋งŽ์€ ๊ฒฝ์šฐ์—๋งŒ ์‚ฌ์šฉ
ํ•œ๊ธ€ ์˜๋ฌธ์ด ์„ž์—ฌ์žˆ๋Š”๊ฒฝ์šฐ ํฐํŠธ๊ฐ€ ๋‹ฌ๋ผ์ง€๋ฏ€๋กœ ์˜์–ด๊ฐ€ ๋งŽ์€ ์‚ฌ์ดํŠธ์—์„œ ๊ถŒ์žฅ

 

2๊ฐœํฐํŠธ ์„ ํƒ > rivew > 2๊ฐœ ๋งํฌ๋ณต์‚ฌ