문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

======HOW TO Google Fonts======
<WRAP left notice 80%>
  * description : How to - Google Fonts
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-04-09
</WRAP>
<WRAP clear></WRAP>
\\
====Ref====
[[https://www.w3schools.com/howto/howto_google_fonts.asp|How to - Google Fonts]]\\
\\
====예제====
<code css>
<!DOCTYPE html>
<html>
<head>
    <title>Google Fonts</title>
    <link href="https://fonts.googleapis.com/css?family=Sofia" rel="stylesheet">
    <style>
        body {
            font-family: 'Sofia';
            font-size: 22px;
        }
    </style>
</head>
<body>
    <h1>Sofia</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
    <p>12343567890</p>
    <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
    <p>abcdefghijklmnopqrstuvwxyz</p>
</body>
</html>
</code>
\\
===Result===
{{:wiki:howto:googlefont.png?500|}}\\
\\
===Ref===
  * [[https://fonts.google.com/|Google Fonts]]
  * [[https://google-webfonts-helper.herokuapp.com/fonts|google-webfonts-helper, 구글 웹폰트 다운로드]]
  * [[https://www.codingfactory.net/10453|CSS / 인터넷 익스플로러(IE)에서 구글 웹폰트 사용하는 방법]]
  * [[https://www.codingfactory.net/10561|CSS / 구글 웹폰트 사용하는 방법]]


{{tag>오션, Google Fonts}}

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

문서 도구