[CSS] ๊ตฌ๊ธ ์นํฐํธ ์ฌ์ฉํ๊ธฐ
2021. 3. 31. 16:23
https://fonts.google.com/?subset=korean
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
1. ์ ์ฌ์ดํธ์์ ๋ง์์ ๋๋ ํฐํธ๋ฅผ ๊ณ ๋ฅธ๋ค.
2. ๋ง์์ ๋๋ ํฐํธ๋ฅผ ์ ํํ๊ณ "+ Select this style"์ ํด๋ฆญํ๋ค.
3. <link>ํ๊ทธ์ ๋ด์ฉ์ ๋ณต์ฌํ์ฌ HTML <head> ์์ ๋ถ์ฌ๋ฃ๋๋ค.
4. font-family๋ฅผ ๋ณต์ฌํ์ฌ HTML <head> ์์ ์๋ <style>์ด๋ CSS์ ๋ถ์ฌ๋ฃ๋๋ค.
<!-- HTML ํ์ผ -->
<head>
...
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap" rel="stylesheet">
<style>
* {
font-family: 'Nanum Gothic Coding', monospace;
}
</style>
...
</head>/* CSS ํ์ผ */
*{
font-family: 'Nanum Gothic Coding', monospace;
}728x90
'๐ป๊ฐ๋ฐ > WEB' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [CSS] ๋ธ๋ผ์ฐ์ ๊ธฐ๋ณธ css ์ด๊ธฐํํ๊ธฐ (0) | 2022.03.10 |
|---|---|
| ์น์์ ์ฌ์ฉํ๋ ์ด๋ฏธ์ง : jpg, png, gif, webp, svg (0) | 2022.03.10 |
| [JavaScript] ์๋ฒ์ ํต์ ํ๊ธฐ : API, JSON, Ajax (0) | 2021.04.02 |
| [JavaScript] jQuery (0) | 2021.04.02 |
| [CSS] ๋ถํธ์คํธ๋ฉ ์ฌ์ฉํ๊ธฐ (0) | 2021.03.31 |
