๊ตฌ๊ธ€ ์›นํฐํŠธ 1

[CSS] ๊ตฌ๊ธ€ ์›น ํฐํŠธ(Google fonts) ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

Goolge Fonts (๊ตฌ๊ธ€ ํฐํŠธ) ์‚ฌ์šฉ ๋ฐฉ๋ฒ• ๊ตฌ๊ธ€ ํฐํŠธ๋ฅผ ์›น ํŽ˜์ด์ง€์— ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. 1. ์‚ฌ์ดํŠธ ๋“ค์–ด๊ฐ€๊ธฐ (https://fonts.google.com/) 2. ์›ํ•˜๋Š” ํฐํŠธ ์„ ํƒํ•˜๊ธฐ ๊ตฌ๊ธ€ ํฐํŠธ ์‚ฌ์ดํŠธ์— ๋“ค์–ด๊ฐ”๋‹ค๋ฉด, ์›ํ•˜๋Š” ํฐํŠธ๋ฅผ ์„ ํƒํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ๋ง˜์— ๋“œ๋Š” ํฐํŠธ๋ฅผ ์„ ํƒํ•ด๋„ ๋˜๊ณ  ๊ฒ€์ƒ‰์„ ํ†ตํ•ด ์›ํ•˜๋Š” ํฐํŠธ๋ฅผ ์ฐพ์„ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์ €๋Š” ์˜ˆ์‹œ๋กœ montserrat ํฐํŠธ๋ฅผ ๊ฒ€์ƒ‰ํ•ด์„œ ์„ ํƒํ–ˆ์Šต๋‹ˆ๋‹ค. 3. ํฐํŠธ ์Šคํƒ€์ผ ์„ ํƒํ•˜๊ณ  ์ถ”๊ฐ€ํ•˜๊ธฐ ํฐํŠธ๋ฅผ ์ •ํ–ˆ๋‹ค๋ฉด, ๊ทธ ํฐํŠธ์˜ ๋‹ค์–‘ํ•œ ์Šคํƒ€์ผ(๊ธ€์”จ ๊ตต๊ธฐ ๋˜๋Š” ๊ธฐ์šธ์ž„์ฒด ๋“ฑ) ์ค‘์—์„œ ์‚ฌ์šฉํ•  ์Šคํƒ€์ผ์„ ์„ ํƒํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. + Select this style ์„ ๋ˆ„๋ฅด๋ฉด ํ•ด๋‹น ํฐํŠธ ์Šคํƒ€์ผ์ด ์ถ”๊ฐ€๋ฉ๋‹ˆ๋‹ค. ์„ ํƒํ•œ ํฐํŠธ ์Šคํƒ€์ผ์€ ์•„๋ž˜ ๊ทธ๋ฆผ์— ํ‘œ์‹œ๋œ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ..

Client/CSS 2020.06.11