ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ๋ html/css/js๋ก ์ผ๋ง๋ ์ง ์ปค์คํ ํ ์ ์๊ธฐ ๋๋ฌธ์ ํฐํธ๋ ์์ ๊ฐ๋ฅํด์
์ค๋์ ๊ตฌ๊ธ ํฐํธ์์ ์ ๊ณตํ๋ ๋ฌด๋ฃ ํฐํธ๋ฅผ ์ด์ฉํด์ ์ฝ๋๋ธ๋ญ์ ๊ธ์จ์ฒด๋ฅผ ๋ฐ๊ฟ๋ณด๊ฒ ์ต๋๋ค.
์ ๋ Montserrat ์ฒด๊ฐ ๋ง์์ ๋ค์ด์ ์ด๊ฑธ๋ก ๊ณจ๋์ด์ ใ
ใ
ใ
์ํ๋ ํฐํธ ์ ํ์ผ๋ฉด ํ๋ฉด ์๋จ Get Font ํด๋ฆญํด์ฃผ์ธ์.
๊ทธ๋ฌ๋ฉด 1 font family selected ํ๋ฉด์ผ๋ก ๋์ด์ค๋๋ฐ์
<> Get embed code๋ฅผ ํด๋ฆญํด์ฃผ์ธ์
web์ฉ <link> ์ ํ ํด ์ฃผ๊ณ Copycodeํด์ ์ฝ๋๋ฅผ ๋ณต์ฌ ํด ์ต๋๋ค.
๊ทธ๋ฆฌ๊ณ ๋ธ๋ก๊ทธ ์คํจ ํธ์ง > html ํธ์ง ์ผ๋ก ๊ฐ ์ฃผ์ธ์.
<head>ํ๊ทธ ์์ ๋ณต์ฌํด์จ ํ๊ทธ๋ฅผ ๋ถ์ฌ๋ฃ๊ธฐ ํด ์ฃผ์ธ์.
์ ๋ linkํ๊ทธ ์๋ ๋ถ์ฌ์ฃผ์์ต๋๋ค.
๊ทธ ๋ค์ CSS ํธ์ง์ผ๋ก ๊ฐ์ ์ ๊ธฐ๋ณธ ํฐํธ ์ค์ ์ ๋ณ๊ฒฝ ํด ์ค๊ฑด๋ฐ์
heLLO ์คํจ์ ์ฐ๊ณ ์๋ ์ ๋ D2Coding ์ด ๊ธฐ๋ณธ ํฐํธ๋ก ์ค์ ๋์ด ์์ด์
๊ทธ๋์ D2Coding์ ๊ฒ์ ํด์ pre ๋ธ๋ญ์ผ๋ก ๊ฐ ์ค๋๋ค
D2Coding ์์ ๋ด๊ฐ ์ถ๊ฐํ ํฐํธ์ ์ด๋ฆ์ ์ ๋ ฅ ํด ์ฃผ์ธ์~
์ ๋ Montserrat ์ด๋ผ๊ณ ์ ๋ ฅ ํด ์ฃผ์์ต๋๋ค.
์ด๋ ๊ฒ ํฐํธ ์ ์ฉ์ด ๋์ด์ ใ ใ ใ
๊ฐ์ธ์ ์ธ ์๊ฐ์ด์ง๋ง ๊ธฐ๋ณธ ํฐํธ๊ฐ ๊ฐ๋ ์ฑ๋ ์ข๊ตฌ, ์ด์ ๊ฒ ๊ฐ์์~
๐ChatGPT๊ฐ ์ถ์ฒํ๋ ์ฝ๋๋ธ๋ญ์ฉ ํฐํธ 5๊ฐ์ง๐
์ฝ๋๋ธ๋ก์ ์ ํฉํ ํฐํธ๋ฅผ ์ฐพ์ ๋๋ ๊ฐ๋ ์ฑ๊ณผ **์ผ๊ด๋ ํญ(๋ชจ๋ ธ์คํ์ด์ค)**์ด ์ค์ํด์.
์๋๋ chatGPT๊ฐ ์ถ์ฒํด์ค ๋ฌด๋ฃ ๊ตฌ๊ธ ํฐํธ 5๊ฐ์ง์์ ใ ใ ใ
1. Fira Code
2. Source Code Pro
3. JetBrains Mono
4. Roboto Mono
5. Ubuntu Mono