\ubaa9\ucc28<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n\uac1c\uc694<\/a>1. <link> \ud0dc\uadf8\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/a>\uc0ac\uc6a9 \ubc29\ubc95<\/a><\/li>\uc608\uc81c \ucf54\ub4dc<\/a><\/li><\/ul><\/li>2. @import\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/a>\uc0ac\uc6a9 \ubc29\ubc95<\/a><\/li>\uc608\uc81c \ucf54\ub4dc (style.css)<\/a><\/li><\/ul><\/li>\ucd94\uac00 \uc124\uc815 (\uad75\uae30 \ubc0f \uc2a4\ud0c0\uc77c \uc801\uc6a9)<\/a>\uad75\uae30 \uc801\uc6a9 (font-weight)<\/a><\/li>\uc774\ud0e4\ub9ad \uc801\uc6a9 (font-style)<\/a><\/li><\/ul><\/li>\uc5b4\ub5a4 \ubc29\uc2dd\uc744 \uc120\ud0dd\ud574\uc57c \ud560\uae4c?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<\/p>\n\n\n\n\n\n\n\n<\/span>\uac1c\uc694<\/span><\/h1>\n\n\n\n\uc6f9\uc0ac\uc774\ud2b8\uc5d0\uc11c \uba4b\uc9c4 \ud3f0\ud2b8\ub97c \uc0ac\uc6a9\ud558\uace0 \uc2f6\ub2e4\uba74\u00a0Google Fonts<\/strong>\ub97c \ud65c\uc6a9\ud558\ub294 \uac83\uc774 \uac00\uc7a5 \uc88b\uc740 \ubc29\ubc95\uc785\ub2c8\ub2e4.Google Fonts\ub294 \ubb34\ub8cc\ub85c \uc81c\uacf5\ub418\uba70, CSS\uc5d0 \uac04\ub2e8\ud788 \ucd94\uac00\ud560 \uc218 \uc788\uc5b4 \ub9ce\uc740 \uac1c\ubc1c\uc790\ub4e4\uc774 \uc560\uc6a9\ud569\ub2c8\ub2e4.\uc774 \uae00\uc5d0\uc11c\ub294\u00a0Google Fonts\ub97c HTML\uacfc CSS\uc5d0 \uc801\uc6a9\ud558\ub294 \ubc29\ubc95<\/strong>\uc744 \ub450 \uac00\uc9c0 \ubc29\uc2dd\uc73c\ub85c \uc18c\uac1c\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n\n\n\n\n<\/span>1. <link><\/code> \ud0dc\uadf8\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\n\uac00\uc7a5 \uc77c\ubc18\uc801\uc778 \ubc29\ubc95\uc740 HTML\uc758 <head><\/code> \ud0dc\uadf8\uc5d0 <link><\/code>\ub97c \ucd94\uac00\ud558\ub294 \uac83<\/strong>\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n\nGoogle Fonts<\/a>\uc5d0 \uc811\uc18d\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n\uc6d0\ud558\ub294 \ud3f0\ud2b8\ub97c \uac80\uc0c9\ud55c \ud6c4 “Select style”\uc744 \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n“Embed”\uc5d0\uc11c\u00a0<link><\/code>\u00a0\ud0dc\uadf8\ub97c \ubcf5\uc0ac\ud569\ub2c8\ub2e4.<\/li>\n\n\n\nHTML\uc758\u00a0<head><\/code>\u00a0\ud0dc\uadf8\uc5d0 \ubd99\uc5ec\ub123\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ol>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc<\/span><\/h3>\n\n\n\n\uc544\ub798\ub294 Roboto<\/code> \ud3f0\ud2b8\ub97c \uc801\uc6a9\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span><!<\/span>DOCTYPE<\/span> <\/span>html<\/span>><\/span><\/span>\n<<\/span>html<\/span> <\/span>lang<\/span>=<\/span>"ko"<\/span>><\/span><\/span>\n<<\/span>head<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>charset<\/span>=<\/span>"UTF-8"<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>name<\/span>=<\/span>"viewport"<\/span> <\/span>content<\/span>=<\/span>"width=device-width, initial-scale=1.0"<\/span>><\/span><\/span>\n <\/span><<\/span>title<\/span>><\/span>Google Fonts \uc801\uc6a9<\/span><\/<\/span>title<\/span>><\/span><\/span>\n <\/span><<\/span>link<\/span> <\/span>href<\/span>=<\/span>"<\/span><<\/span>https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>"<\/span> <\/span>rel<\/span>=<\/span>"stylesheet"<\/span>><\/span><\/span>\n <\/span><<\/span>style<\/span>><\/span><\/span>\n <\/span>body<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n }<\/span><\/span>\n <\/span><\/<\/span>style<\/span>><\/span><\/span>\n<\/<\/span>head<\/span>><\/span><\/span>\n<<\/span>body<\/span>><\/span><\/span>\n <\/span><<\/span>h1<\/span>><\/span>\uad6c\uae00 \ud3f0\ud2b8 \uc801\uc6a9 \uc644\ub8cc!<\/span><\/<\/span>h1<\/span>><\/span><\/span>\n<\/<\/span>body<\/span>><\/span><\/span>\n<\/<\/span>html<\/span>><\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\ud83d\udccc\u00a0font-family: 'Roboto', sans-serif;<\/code>\u00a0\ub97c \ucd94\uac00\ud558\uba74 \uae00\uaf34\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4!\uc774 \ubc29\ubc95\uc740\u00a0\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud3f0\ud2b8\ub97c \ube60\ub974\uac8c \ub85c\ub4dc<\/strong>\ud560 \uc218 \uc788\uc5b4 \uac00\uc7a5 \ucd94\ucc9c\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n\n\n\n\n<\/span>2. @import<\/code>\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\nHTML <link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
\uc6f9\uc0ac\uc774\ud2b8\uc5d0\uc11c \uba4b\uc9c4 \ud3f0\ud2b8\ub97c \uc0ac\uc6a9\ud558\uace0 \uc2f6\ub2e4\uba74\u00a0Google Fonts<\/strong>\ub97c \ud65c\uc6a9\ud558\ub294 \uac83\uc774 \uac00\uc7a5 \uc88b\uc740 \ubc29\ubc95\uc785\ub2c8\ub2e4.Google Fonts\ub294 \ubb34\ub8cc\ub85c \uc81c\uacf5\ub418\uba70, CSS\uc5d0 \uac04\ub2e8\ud788 \ucd94\uac00\ud560 \uc218 \uc788\uc5b4 \ub9ce\uc740 \uac1c\ubc1c\uc790\ub4e4\uc774 \uc560\uc6a9\ud569\ub2c8\ub2e4.\uc774 \uae00\uc5d0\uc11c\ub294\u00a0Google Fonts\ub97c HTML\uacfc CSS\uc5d0 \uc801\uc6a9\ud558\ub294 \ubc29\ubc95<\/strong>\uc744 \ub450 \uac00\uc9c0 \ubc29\uc2dd\uc73c\ub85c \uc18c\uac1c\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n\n\n\n\n<\/span>1. <link><\/code> \ud0dc\uadf8\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\n\uac00\uc7a5 \uc77c\ubc18\uc801\uc778 \ubc29\ubc95\uc740 HTML\uc758 <head><\/code> \ud0dc\uadf8\uc5d0 <link><\/code>\ub97c \ucd94\uac00\ud558\ub294 \uac83<\/strong>\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n\nGoogle Fonts<\/a>\uc5d0 \uc811\uc18d\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n\uc6d0\ud558\ub294 \ud3f0\ud2b8\ub97c \uac80\uc0c9\ud55c \ud6c4 “Select style”\uc744 \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n“Embed”\uc5d0\uc11c\u00a0<link><\/code>\u00a0\ud0dc\uadf8\ub97c \ubcf5\uc0ac\ud569\ub2c8\ub2e4.<\/li>\n\n\n\nHTML\uc758\u00a0<head><\/code>\u00a0\ud0dc\uadf8\uc5d0 \ubd99\uc5ec\ub123\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ol>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc<\/span><\/h3>\n\n\n\n\uc544\ub798\ub294 Roboto<\/code> \ud3f0\ud2b8\ub97c \uc801\uc6a9\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span><!<\/span>DOCTYPE<\/span> <\/span>html<\/span>><\/span><\/span>\n<<\/span>html<\/span> <\/span>lang<\/span>=<\/span>"ko"<\/span>><\/span><\/span>\n<<\/span>head<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>charset<\/span>=<\/span>"UTF-8"<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>name<\/span>=<\/span>"viewport"<\/span> <\/span>content<\/span>=<\/span>"width=device-width, initial-scale=1.0"<\/span>><\/span><\/span>\n <\/span><<\/span>title<\/span>><\/span>Google Fonts \uc801\uc6a9<\/span><\/<\/span>title<\/span>><\/span><\/span>\n <\/span><<\/span>link<\/span> <\/span>href<\/span>=<\/span>"<\/span><<\/span>https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>"<\/span> <\/span>rel<\/span>=<\/span>"stylesheet"<\/span>><\/span><\/span>\n <\/span><<\/span>style<\/span>><\/span><\/span>\n <\/span>body<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n }<\/span><\/span>\n <\/span><\/<\/span>style<\/span>><\/span><\/span>\n<\/<\/span>head<\/span>><\/span><\/span>\n<<\/span>body<\/span>><\/span><\/span>\n <\/span><<\/span>h1<\/span>><\/span>\uad6c\uae00 \ud3f0\ud2b8 \uc801\uc6a9 \uc644\ub8cc!<\/span><\/<\/span>h1<\/span>><\/span><\/span>\n<\/<\/span>body<\/span>><\/span><\/span>\n<\/<\/span>html<\/span>><\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\ud83d\udccc\u00a0font-family: 'Roboto', sans-serif;<\/code>\u00a0\ub97c \ucd94\uac00\ud558\uba74 \uae00\uaf34\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4!\uc774 \ubc29\ubc95\uc740\u00a0\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud3f0\ud2b8\ub97c \ube60\ub974\uac8c \ub85c\ub4dc<\/strong>\ud560 \uc218 \uc788\uc5b4 \uac00\uc7a5 \ucd94\ucc9c\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n\n\n\n\n<\/span>2. @import<\/code>\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\nHTML <link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
<\/p>\n\n\n\n
<link><\/code> \ud0dc\uadf8\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\n\uac00\uc7a5 \uc77c\ubc18\uc801\uc778 \ubc29\ubc95\uc740 HTML\uc758 <head><\/code> \ud0dc\uadf8\uc5d0 <link><\/code>\ub97c \ucd94\uac00\ud558\ub294 \uac83<\/strong>\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n\nGoogle Fonts<\/a>\uc5d0 \uc811\uc18d\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n\uc6d0\ud558\ub294 \ud3f0\ud2b8\ub97c \uac80\uc0c9\ud55c \ud6c4 “Select style”\uc744 \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n“Embed”\uc5d0\uc11c\u00a0<link><\/code>\u00a0\ud0dc\uadf8\ub97c \ubcf5\uc0ac\ud569\ub2c8\ub2e4.<\/li>\n\n\n\nHTML\uc758\u00a0<head><\/code>\u00a0\ud0dc\uadf8\uc5d0 \ubd99\uc5ec\ub123\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ol>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc<\/span><\/h3>\n\n\n\n\uc544\ub798\ub294 Roboto<\/code> \ud3f0\ud2b8\ub97c \uc801\uc6a9\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span><!<\/span>DOCTYPE<\/span> <\/span>html<\/span>><\/span><\/span>\n<<\/span>html<\/span> <\/span>lang<\/span>=<\/span>"ko"<\/span>><\/span><\/span>\n<<\/span>head<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>charset<\/span>=<\/span>"UTF-8"<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>name<\/span>=<\/span>"viewport"<\/span> <\/span>content<\/span>=<\/span>"width=device-width, initial-scale=1.0"<\/span>><\/span><\/span>\n <\/span><<\/span>title<\/span>><\/span>Google Fonts \uc801\uc6a9<\/span><\/<\/span>title<\/span>><\/span><\/span>\n <\/span><<\/span>link<\/span> <\/span>href<\/span>=<\/span>"<\/span><<\/span>https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>"<\/span> <\/span>rel<\/span>=<\/span>"stylesheet"<\/span>><\/span><\/span>\n <\/span><<\/span>style<\/span>><\/span><\/span>\n <\/span>body<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n }<\/span><\/span>\n <\/span><\/<\/span>style<\/span>><\/span><\/span>\n<\/<\/span>head<\/span>><\/span><\/span>\n<<\/span>body<\/span>><\/span><\/span>\n <\/span><<\/span>h1<\/span>><\/span>\uad6c\uae00 \ud3f0\ud2b8 \uc801\uc6a9 \uc644\ub8cc!<\/span><\/<\/span>h1<\/span>><\/span><\/span>\n<\/<\/span>body<\/span>><\/span><\/span>\n<\/<\/span>html<\/span>><\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\ud83d\udccc\u00a0font-family: 'Roboto', sans-serif;<\/code>\u00a0\ub97c \ucd94\uac00\ud558\uba74 \uae00\uaf34\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4!\uc774 \ubc29\ubc95\uc740\u00a0\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud3f0\ud2b8\ub97c \ube60\ub974\uac8c \ub85c\ub4dc<\/strong>\ud560 \uc218 \uc788\uc5b4 \uac00\uc7a5 \ucd94\ucc9c\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n\n\n\n\n<\/span>2. @import<\/code>\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\nHTML <link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
\uac00\uc7a5 \uc77c\ubc18\uc801\uc778 \ubc29\ubc95\uc740 HTML\uc758 <head><\/code> \ud0dc\uadf8\uc5d0 <link><\/code>\ub97c \ucd94\uac00\ud558\ub294 \uac83<\/strong>\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n\nGoogle Fonts<\/a>\uc5d0 \uc811\uc18d\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n\uc6d0\ud558\ub294 \ud3f0\ud2b8\ub97c \uac80\uc0c9\ud55c \ud6c4 “Select style”\uc744 \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n“Embed”\uc5d0\uc11c\u00a0<link><\/code>\u00a0\ud0dc\uadf8\ub97c \ubcf5\uc0ac\ud569\ub2c8\ub2e4.<\/li>\n\n\n\nHTML\uc758\u00a0<head><\/code>\u00a0\ud0dc\uadf8\uc5d0 \ubd99\uc5ec\ub123\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ol>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc<\/span><\/h3>\n\n\n\n\uc544\ub798\ub294 Roboto<\/code> \ud3f0\ud2b8\ub97c \uc801\uc6a9\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span><!<\/span>DOCTYPE<\/span> <\/span>html<\/span>><\/span><\/span>\n<<\/span>html<\/span> <\/span>lang<\/span>=<\/span>"ko"<\/span>><\/span><\/span>\n<<\/span>head<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>charset<\/span>=<\/span>"UTF-8"<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>name<\/span>=<\/span>"viewport"<\/span> <\/span>content<\/span>=<\/span>"width=device-width, initial-scale=1.0"<\/span>><\/span><\/span>\n <\/span><<\/span>title<\/span>><\/span>Google Fonts \uc801\uc6a9<\/span><\/<\/span>title<\/span>><\/span><\/span>\n <\/span><<\/span>link<\/span> <\/span>href<\/span>=<\/span>"<\/span><<\/span>https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>"<\/span> <\/span>rel<\/span>=<\/span>"stylesheet"<\/span>><\/span><\/span>\n <\/span><<\/span>style<\/span>><\/span><\/span>\n <\/span>body<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n }<\/span><\/span>\n <\/span><\/<\/span>style<\/span>><\/span><\/span>\n<\/<\/span>head<\/span>><\/span><\/span>\n<<\/span>body<\/span>><\/span><\/span>\n <\/span><<\/span>h1<\/span>><\/span>\uad6c\uae00 \ud3f0\ud2b8 \uc801\uc6a9 \uc644\ub8cc!<\/span><\/<\/span>h1<\/span>><\/span><\/span>\n<\/<\/span>body<\/span>><\/span><\/span>\n<\/<\/span>html<\/span>><\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\ud83d\udccc\u00a0font-family: 'Roboto', sans-serif;<\/code>\u00a0\ub97c \ucd94\uac00\ud558\uba74 \uae00\uaf34\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4!\uc774 \ubc29\ubc95\uc740\u00a0\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud3f0\ud2b8\ub97c \ube60\ub974\uac8c \ub85c\ub4dc<\/strong>\ud560 \uc218 \uc788\uc5b4 \uac00\uc7a5 \ucd94\ucc9c\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n\n\n\n\n<\/span>2. @import<\/code>\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\nHTML <link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
<head><\/code> \ud0dc\uadf8\uc5d0 <link><\/code>\ub97c \ucd94\uac00\ud558\ub294 \uac83<\/strong>\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n\nGoogle Fonts<\/a>\uc5d0 \uc811\uc18d\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n\uc6d0\ud558\ub294 \ud3f0\ud2b8\ub97c \uac80\uc0c9\ud55c \ud6c4 “Select style”\uc744 \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n“Embed”\uc5d0\uc11c\u00a0<link><\/code>\u00a0\ud0dc\uadf8\ub97c \ubcf5\uc0ac\ud569\ub2c8\ub2e4.<\/li>\n\n\n\nHTML\uc758\u00a0<head><\/code>\u00a0\ud0dc\uadf8\uc5d0 \ubd99\uc5ec\ub123\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ol>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc<\/span><\/h3>\n\n\n\n\uc544\ub798\ub294 Roboto<\/code> \ud3f0\ud2b8\ub97c \uc801\uc6a9\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span><!<\/span>DOCTYPE<\/span> <\/span>html<\/span>><\/span><\/span>\n<<\/span>html<\/span> <\/span>lang<\/span>=<\/span>"ko"<\/span>><\/span><\/span>\n<<\/span>head<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>charset<\/span>=<\/span>"UTF-8"<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>name<\/span>=<\/span>"viewport"<\/span> <\/span>content<\/span>=<\/span>"width=device-width, initial-scale=1.0"<\/span>><\/span><\/span>\n <\/span><<\/span>title<\/span>><\/span>Google Fonts \uc801\uc6a9<\/span><\/<\/span>title<\/span>><\/span><\/span>\n <\/span><<\/span>link<\/span> <\/span>href<\/span>=<\/span>"<\/span><<\/span>https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>"<\/span> <\/span>rel<\/span>=<\/span>"stylesheet"<\/span>><\/span><\/span>\n <\/span><<\/span>style<\/span>><\/span><\/span>\n <\/span>body<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n }<\/span><\/span>\n <\/span><\/<\/span>style<\/span>><\/span><\/span>\n<\/<\/span>head<\/span>><\/span><\/span>\n<<\/span>body<\/span>><\/span><\/span>\n <\/span><<\/span>h1<\/span>><\/span>\uad6c\uae00 \ud3f0\ud2b8 \uc801\uc6a9 \uc644\ub8cc!<\/span><\/<\/span>h1<\/span>><\/span><\/span>\n<\/<\/span>body<\/span>><\/span><\/span>\n<\/<\/span>html<\/span>><\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\ud83d\udccc\u00a0font-family: 'Roboto', sans-serif;<\/code>\u00a0\ub97c \ucd94\uac00\ud558\uba74 \uae00\uaf34\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4!\uc774 \ubc29\ubc95\uc740\u00a0\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud3f0\ud2b8\ub97c \ube60\ub974\uac8c \ub85c\ub4dc<\/strong>\ud560 \uc218 \uc788\uc5b4 \uac00\uc7a5 \ucd94\ucc9c\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n\n\n\n\n<\/span>2. @import<\/code>\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\nHTML <link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
<link><\/code>\ub97c \ucd94\uac00\ud558\ub294 \uac83<\/strong>\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n\nGoogle Fonts<\/a>\uc5d0 \uc811\uc18d\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n\uc6d0\ud558\ub294 \ud3f0\ud2b8\ub97c \uac80\uc0c9\ud55c \ud6c4 “Select style”\uc744 \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n“Embed”\uc5d0\uc11c\u00a0<link><\/code>\u00a0\ud0dc\uadf8\ub97c \ubcf5\uc0ac\ud569\ub2c8\ub2e4.<\/li>\n\n\n\nHTML\uc758\u00a0<head><\/code>\u00a0\ud0dc\uadf8\uc5d0 \ubd99\uc5ec\ub123\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ol>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc<\/span><\/h3>\n\n\n\n\uc544\ub798\ub294 Roboto<\/code> \ud3f0\ud2b8\ub97c \uc801\uc6a9\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span><!<\/span>DOCTYPE<\/span> <\/span>html<\/span>><\/span><\/span>\n<<\/span>html<\/span> <\/span>lang<\/span>=<\/span>"ko"<\/span>><\/span><\/span>\n<<\/span>head<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>charset<\/span>=<\/span>"UTF-8"<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>name<\/span>=<\/span>"viewport"<\/span> <\/span>content<\/span>=<\/span>"width=device-width, initial-scale=1.0"<\/span>><\/span><\/span>\n <\/span><<\/span>title<\/span>><\/span>Google Fonts \uc801\uc6a9<\/span><\/<\/span>title<\/span>><\/span><\/span>\n <\/span><<\/span>link<\/span> <\/span>href<\/span>=<\/span>"<\/span><<\/span>https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>"<\/span> <\/span>rel<\/span>=<\/span>"stylesheet"<\/span>><\/span><\/span>\n <\/span><<\/span>style<\/span>><\/span><\/span>\n <\/span>body<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n }<\/span><\/span>\n <\/span><\/<\/span>style<\/span>><\/span><\/span>\n<\/<\/span>head<\/span>><\/span><\/span>\n<<\/span>body<\/span>><\/span><\/span>\n <\/span><<\/span>h1<\/span>><\/span>\uad6c\uae00 \ud3f0\ud2b8 \uc801\uc6a9 \uc644\ub8cc!<\/span><\/<\/span>h1<\/span>><\/span><\/span>\n<\/<\/span>body<\/span>><\/span><\/span>\n<\/<\/span>html<\/span>><\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\ud83d\udccc\u00a0font-family: 'Roboto', sans-serif;<\/code>\u00a0\ub97c \ucd94\uac00\ud558\uba74 \uae00\uaf34\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4!\uc774 \ubc29\ubc95\uc740\u00a0\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud3f0\ud2b8\ub97c \ube60\ub974\uac8c \ub85c\ub4dc<\/strong>\ud560 \uc218 \uc788\uc5b4 \uac00\uc7a5 \ucd94\ucc9c\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n\n\n\n\n<\/span>2. @import<\/code>\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\nHTML <link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
<link><\/code>\u00a0\ud0dc\uadf8\ub97c \ubcf5\uc0ac\ud569\ub2c8\ub2e4.<\/li>\n\n\n\nHTML\uc758\u00a0<head><\/code>\u00a0\ud0dc\uadf8\uc5d0 \ubd99\uc5ec\ub123\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ol>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc<\/span><\/h3>\n\n\n\n\uc544\ub798\ub294 Roboto<\/code> \ud3f0\ud2b8\ub97c \uc801\uc6a9\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span><!<\/span>DOCTYPE<\/span> <\/span>html<\/span>><\/span><\/span>\n<<\/span>html<\/span> <\/span>lang<\/span>=<\/span>"ko"<\/span>><\/span><\/span>\n<<\/span>head<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>charset<\/span>=<\/span>"UTF-8"<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>name<\/span>=<\/span>"viewport"<\/span> <\/span>content<\/span>=<\/span>"width=device-width, initial-scale=1.0"<\/span>><\/span><\/span>\n <\/span><<\/span>title<\/span>><\/span>Google Fonts \uc801\uc6a9<\/span><\/<\/span>title<\/span>><\/span><\/span>\n <\/span><<\/span>link<\/span> <\/span>href<\/span>=<\/span>"<\/span><<\/span>https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>"<\/span> <\/span>rel<\/span>=<\/span>"stylesheet"<\/span>><\/span><\/span>\n <\/span><<\/span>style<\/span>><\/span><\/span>\n <\/span>body<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n }<\/span><\/span>\n <\/span><\/<\/span>style<\/span>><\/span><\/span>\n<\/<\/span>head<\/span>><\/span><\/span>\n<<\/span>body<\/span>><\/span><\/span>\n <\/span><<\/span>h1<\/span>><\/span>\uad6c\uae00 \ud3f0\ud2b8 \uc801\uc6a9 \uc644\ub8cc!<\/span><\/<\/span>h1<\/span>><\/span><\/span>\n<\/<\/span>body<\/span>><\/span><\/span>\n<\/<\/span>html<\/span>><\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\ud83d\udccc\u00a0font-family: 'Roboto', sans-serif;<\/code>\u00a0\ub97c \ucd94\uac00\ud558\uba74 \uae00\uaf34\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4!\uc774 \ubc29\ubc95\uc740\u00a0\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud3f0\ud2b8\ub97c \ube60\ub974\uac8c \ub85c\ub4dc<\/strong>\ud560 \uc218 \uc788\uc5b4 \uac00\uc7a5 \ucd94\ucc9c\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n\n\n\n\n<\/span>2. @import<\/code>\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\nHTML <link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
<head><\/code>\u00a0\ud0dc\uadf8\uc5d0 \ubd99\uc5ec\ub123\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ol>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc<\/span><\/h3>\n\n\n\n\uc544\ub798\ub294 Roboto<\/code> \ud3f0\ud2b8\ub97c \uc801\uc6a9\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span><!<\/span>DOCTYPE<\/span> <\/span>html<\/span>><\/span><\/span>\n<<\/span>html<\/span> <\/span>lang<\/span>=<\/span>"ko"<\/span>><\/span><\/span>\n<<\/span>head<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>charset<\/span>=<\/span>"UTF-8"<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>name<\/span>=<\/span>"viewport"<\/span> <\/span>content<\/span>=<\/span>"width=device-width, initial-scale=1.0"<\/span>><\/span><\/span>\n <\/span><<\/span>title<\/span>><\/span>Google Fonts \uc801\uc6a9<\/span><\/<\/span>title<\/span>><\/span><\/span>\n <\/span><<\/span>link<\/span> <\/span>href<\/span>=<\/span>"<\/span><<\/span>https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>"<\/span> <\/span>rel<\/span>=<\/span>"stylesheet"<\/span>><\/span><\/span>\n <\/span><<\/span>style<\/span>><\/span><\/span>\n <\/span>body<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n }<\/span><\/span>\n <\/span><\/<\/span>style<\/span>><\/span><\/span>\n<\/<\/span>head<\/span>><\/span><\/span>\n<<\/span>body<\/span>><\/span><\/span>\n <\/span><<\/span>h1<\/span>><\/span>\uad6c\uae00 \ud3f0\ud2b8 \uc801\uc6a9 \uc644\ub8cc!<\/span><\/<\/span>h1<\/span>><\/span><\/span>\n<\/<\/span>body<\/span>><\/span><\/span>\n<\/<\/span>html<\/span>><\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\ud83d\udccc\u00a0font-family: 'Roboto', sans-serif;<\/code>\u00a0\ub97c \ucd94\uac00\ud558\uba74 \uae00\uaf34\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4!\uc774 \ubc29\ubc95\uc740\u00a0\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud3f0\ud2b8\ub97c \ube60\ub974\uac8c \ub85c\ub4dc<\/strong>\ud560 \uc218 \uc788\uc5b4 \uac00\uc7a5 \ucd94\ucc9c\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n\n\n\n\n<\/span>2. @import<\/code>\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\nHTML <link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
\uc544\ub798\ub294 Roboto<\/code> \ud3f0\ud2b8\ub97c \uc801\uc6a9\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span><!<\/span>DOCTYPE<\/span> <\/span>html<\/span>><\/span><\/span>\n<<\/span>html<\/span> <\/span>lang<\/span>=<\/span>"ko"<\/span>><\/span><\/span>\n<<\/span>head<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>charset<\/span>=<\/span>"UTF-8"<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>name<\/span>=<\/span>"viewport"<\/span> <\/span>content<\/span>=<\/span>"width=device-width, initial-scale=1.0"<\/span>><\/span><\/span>\n <\/span><<\/span>title<\/span>><\/span>Google Fonts \uc801\uc6a9<\/span><\/<\/span>title<\/span>><\/span><\/span>\n <\/span><<\/span>link<\/span> <\/span>href<\/span>=<\/span>"<\/span><<\/span>https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>"<\/span> <\/span>rel<\/span>=<\/span>"stylesheet"<\/span>><\/span><\/span>\n <\/span><<\/span>style<\/span>><\/span><\/span>\n <\/span>body<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n }<\/span><\/span>\n <\/span><\/<\/span>style<\/span>><\/span><\/span>\n<\/<\/span>head<\/span>><\/span><\/span>\n<<\/span>body<\/span>><\/span><\/span>\n <\/span><<\/span>h1<\/span>><\/span>\uad6c\uae00 \ud3f0\ud2b8 \uc801\uc6a9 \uc644\ub8cc!<\/span><\/<\/span>h1<\/span>><\/span><\/span>\n<\/<\/span>body<\/span>><\/span><\/span>\n<\/<\/span>html<\/span>><\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\ud83d\udccc\u00a0font-family: 'Roboto', sans-serif;<\/code>\u00a0\ub97c \ucd94\uac00\ud558\uba74 \uae00\uaf34\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4!\uc774 \ubc29\ubc95\uc740\u00a0\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud3f0\ud2b8\ub97c \ube60\ub974\uac8c \ub85c\ub4dc<\/strong>\ud560 \uc218 \uc788\uc5b4 \uac00\uc7a5 \ucd94\ucc9c\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n\n\n\n\n<\/span>2. @import<\/code>\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\nHTML <link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
Roboto<\/code> \ud3f0\ud2b8\ub97c \uc801\uc6a9\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span><!<\/span>DOCTYPE<\/span> <\/span>html<\/span>><\/span><\/span>\n<<\/span>html<\/span> <\/span>lang<\/span>=<\/span>"ko"<\/span>><\/span><\/span>\n<<\/span>head<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>charset<\/span>=<\/span>"UTF-8"<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>name<\/span>=<\/span>"viewport"<\/span> <\/span>content<\/span>=<\/span>"width=device-width, initial-scale=1.0"<\/span>><\/span><\/span>\n <\/span><<\/span>title<\/span>><\/span>Google Fonts \uc801\uc6a9<\/span><\/<\/span>title<\/span>><\/span><\/span>\n <\/span><<\/span>link<\/span> <\/span>href<\/span>=<\/span>"<\/span><<\/span>https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>"<\/span> <\/span>rel<\/span>=<\/span>"stylesheet"<\/span>><\/span><\/span>\n <\/span><<\/span>style<\/span>><\/span><\/span>\n <\/span>body<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n }<\/span><\/span>\n <\/span><\/<\/span>style<\/span>><\/span><\/span>\n<\/<\/span>head<\/span>><\/span><\/span>\n<<\/span>body<\/span>><\/span><\/span>\n <\/span><<\/span>h1<\/span>><\/span>\uad6c\uae00 \ud3f0\ud2b8 \uc801\uc6a9 \uc644\ub8cc!<\/span><\/<\/span>h1<\/span>><\/span><\/span>\n<\/<\/span>body<\/span>><\/span><\/span>\n<\/<\/span>html<\/span>><\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\ud83d\udccc\u00a0font-family: 'Roboto', sans-serif;<\/code>\u00a0\ub97c \ucd94\uac00\ud558\uba74 \uae00\uaf34\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4!\uc774 \ubc29\ubc95\uc740\u00a0\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud3f0\ud2b8\ub97c \ube60\ub974\uac8c \ub85c\ub4dc<\/strong>\ud560 \uc218 \uc788\uc5b4 \uac00\uc7a5 \ucd94\ucc9c\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n\n\n\n\n<\/span>2. @import<\/code>\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\nHTML <link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
<!<\/span>DOCTYPE<\/span> <\/span>html<\/span>><\/span><\/span>\n<<\/span>html<\/span> <\/span>lang<\/span>=<\/span>"ko"<\/span>><\/span><\/span>\n<<\/span>head<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>charset<\/span>=<\/span>"UTF-8"<\/span>><\/span><\/span>\n <\/span><<\/span>meta<\/span> <\/span>name<\/span>=<\/span>"viewport"<\/span> <\/span>content<\/span>=<\/span>"width=device-width, initial-scale=1.0"<\/span>><\/span><\/span>\n <\/span><<\/span>title<\/span>><\/span>Google Fonts \uc801\uc6a9<\/span><\/<\/span>title<\/span>><\/span><\/span>\n <\/span><<\/span>link<\/span> <\/span>href<\/span>=<\/span>"<\/span><<\/span>https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>"<\/span> <\/span>rel<\/span>=<\/span>"stylesheet"<\/span>><\/span><\/span>\n <\/span><<\/span>style<\/span>><\/span><\/span>\n <\/span>body<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n }<\/span><\/span>\n <\/span><\/<\/span>style<\/span>><\/span><\/span>\n<\/<\/span>head<\/span>><\/span><\/span>\n<<\/span>body<\/span>><\/span><\/span>\n <\/span><<\/span>h1<\/span>><\/span>\uad6c\uae00 \ud3f0\ud2b8 \uc801\uc6a9 \uc644\ub8cc!<\/span><\/<\/span>h1<\/span>><\/span><\/span>\n<\/<\/span>body<\/span>><\/span><\/span>\n<\/<\/span>html<\/span>><\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\ud83d\udccc\u00a0font-family: 'Roboto', sans-serif;<\/code>\u00a0\ub97c \ucd94\uac00\ud558\uba74 \uae00\uaf34\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4!\uc774 \ubc29\ubc95\uc740\u00a0\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud3f0\ud2b8\ub97c \ube60\ub974\uac8c \ub85c\ub4dc<\/strong>\ud560 \uc218 \uc788\uc5b4 \uac00\uc7a5 \ucd94\ucc9c\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n\n\n\n\n<\/span>2. @import<\/code>\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\nHTML <link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
\ud83d\udccc\u00a0font-family: 'Roboto', sans-serif;<\/code>\u00a0\ub97c \ucd94\uac00\ud558\uba74 \uae00\uaf34\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4!\uc774 \ubc29\ubc95\uc740\u00a0\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud3f0\ud2b8\ub97c \ube60\ub974\uac8c \ub85c\ub4dc<\/strong>\ud560 \uc218 \uc788\uc5b4 \uac00\uc7a5 \ucd94\ucc9c\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n\n\n\n\n<\/span>2. @import<\/code>\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\nHTML <link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
font-family: 'Roboto', sans-serif;<\/code>\u00a0\ub97c \ucd94\uac00\ud558\uba74 \uae00\uaf34\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4!\uc774 \ubc29\ubc95\uc740\u00a0\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud3f0\ud2b8\ub97c \ube60\ub974\uac8c \ub85c\ub4dc<\/strong>\ud560 \uc218 \uc788\uc5b4 \uac00\uc7a5 \ucd94\ucc9c\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n\n\n\n\n<\/span>2. @import<\/code>\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\nHTML <link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
@import<\/code>\ub97c \uc0ac\uc6a9\ud55c \uc801\uc6a9 \ubc29\ubc95<\/span><\/h2>\n\n\n\nHTML <link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
HTML <link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
<link><\/code> \ub300\uc2e0 CSS \ud30c\uc77c\uc5d0\uc11c @import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
@import<\/code>\ub97c \ud65c\uc6a9<\/strong>\ud558\uc5ec Google Fonts\ub97c \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc0ac\uc6a9 \ubc29\ubc95<\/span><\/h3>\n\n\n\n@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
@import<\/code>\ub97c \uc774\uc6a9\ud558\uba74 CSS \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \ud3f0\ud2b8\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/span>\uc608\uc81c \ucf54\ub4dc (style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
style.css<\/code>)<\/span><\/h3>\n\n\n\n<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
@import<\/span> <\/span>url<\/span>(<\/span>'<https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap>'<\/span>);<\/span><\/span>\n<\/span>\nbody<\/span> {<\/span><\/span>\n <\/span>font-family<\/span>: <\/span>'Roboto'<\/span>, <\/span>sans-serif<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
\uc774 \ubc29\ubc95\uc740 HTML \ud30c\uc77c\uc774 \uc544\ub2cc\u00a0CSS \ud30c\uc77c \ub0b4\uc5d0\uc11c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810<\/strong>\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc\u00a0<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
<link><\/code>\u00a0\ud0dc\uadf8 \ubc29\uc2dd\ubcf4\ub2e4\u00a0\uc18d\ub3c4\uac00 \uc870\uae08 \ub290\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758<\/strong>\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n