<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T74JR5G"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>


<link rel="preconnect" href="https://statics.goorm.io" crossorigin="anonymous" />
<link rel="preload" as="style" crossorigin href="https://statics.goorm.io/fonts/GoormSansCode/v1.0.1/GoormSansCode.min.css" />
<link rel="stylesheet" href="https://statics.goorm.io/fonts/GoormSansCode/v1.0.1/GoormSansCode.min.css" />

<style>
@font-face {
    font-family: 'goormSans';
    src:
        url('https://statics.goorm.io/fonts/goorm-sans/goorm_Sans_700.otf')
            format('truetype'),
        url('https://statics.goorm.io/fonts/goorm-sans/goorm_Sans_700.ttf')
            format('truetype'),
        url('https://statics.goorm.io/fonts/goorm-sans/goorm_Sans_700.woff2')
            format('woff2'),
        url('https://statics.goorm.io/fonts/goorm-sans/goorm_Sans_700.woff')
            format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'goormSans';
    src:
        url('https://statics.goorm.io/fonts/goorm-sans/goorm_Sans_500.otf')
            format('truetype'),
        url('https://statics.goorm.io/fonts/goorm-sans/goorm_Sans_500.ttf')
            format('truetype'),
        url('https://statics.goorm.io/fonts/goorm-sans/goorm_Sans_500.woff2')
            format('woff2'),
        url('https://statics.goorm.io/fonts/goorm-sans/goorm_Sans_500.woff')
            format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'goormSans';
    src:
        url('https://statics.goorm.io/fonts/goorm-sans/goorm_Sans_400.otf')
            format('truetype'),
        url('https://statics.goorm.io/fonts/goorm-sans/goorm_Sans_400.ttf')
            format('truetype'),
        url('https://statics.goorm.io/fonts/goorm-sans/goorm_Sans_400.woff2')
            format('woff2'),
        url('https://statics.goorm.io/fonts/goorm-sans/goorm_Sans_400.woff')
            format('woff');
    font-weight: 400;
    font-style: normal;
}
  
@font-face {
    font-family: 'Goorm Sans Code';
    font-style: normal;
}
  
  * {
    word-break: keep-all !important;
    font-family: "goormSans", "Pretendard Variable", "Goorm Sans Code", Pretendard, serif;
  }
  .notion-header-block {
    font-size: 22px;
  }
  .notion-sub_sub_header-block {
    font-size: 20px;
  }
  .notion-image-block {
    margin-top: 24px !important;
  }
  .notion-record-icon {
    display: none !important;
	}
  .CalloutBlock_content__AigMk {
    background-color: #F6F9FC !important;
    padding: 24px !important;
    line-height: 1.6;
	}
  .css-hvx0rj {
    text-align: center !important;
    font-weight: 700 !important;
  }
  .CalloutBlock_container__2uvHL .CalloutBlock_content__AigMk .CalloutBlock_blocks__KDf7h {
    margin-left: 0 !important;
  }
  .css-1xw42v5 {
    font-weight: 700 !important;
  }
  .css-vhphko {
    text-align: center !important;
    font-size: 18px !important;
  }
  .css-vhphko:last-child {
    text-align: left !important;
    font-size: 16px !important;
  }
  .css-5mso2m {
    font-size: 1em;
  }
  .CalloutBlock_container__2uvHL {
    margin-top: 24px !important;
    line-height: 1.8;
  }
  .css-400ixq {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pseudoSelection {
    width: 8px !important;
    margin-right: 12px !important;
  }
  .css-1s2cmb8 {
    border-bottom: 0;
  }
  .css-1kbzb5c {
    max-width: 732px !important;
    margin: auto;
    align-items: center;
  }
  .notion-topbar {
    height: 120px !important;
  }
  .mord {
    font-size: 18px;
    font-weight: 600;
  }
  .css-14is9qy {
    font-size: 30px;
  }
  .notion-text-block {
    line-height: 1.7;
  }
  .notion-toggle-block {
    line-height: 1.7;
  }
  .css-ej1dkx:last-child {
    margin-bottom: 0 !important;
  }
  .css-1vidp2x {
    height: 120px;
    border-bottom: 0;
  }
  .css-18gf8m2:hover {
    background: rgb(0 67 255 / 8%) !important;
  }
  .css-hvx0rj {
    font-weight: 800 !important;
  }
  .oopy-slide {
    margin-top: 24px !important;
    margin-bottom: 0 !important;
	}
	.CodeBlock_code__MOUDT {
    padding: 24px !important;
    background: #F6F9FC;
    border-radius: 12px !important;
  }
  .CodeBlock_container__AFvUU {
    border-radius: 12px !important;
  }
  .notion-light-theme .token.url {
    background: 0;
  }
  .CodeBlock_block__kCISx .CodeBlock_container__AFvUU .CodeBlock_code__MOUDT {
    font-family: "Goorm Sans Code";
  }
</style>
<style>
  @media (max-width: 480px) {
    .notion-image-block {
      margin-top: 16px !important;
    }
    .notion-header-block {
      font-size: 18px;
    }
    .notion-sub_sub_header-block {
      font-size: 18px;
    }
    .notion-toggle-block {
      font-size: 16px;
    }
    .notion-text-block {
      font-size: 16px;
    }
    .notion-callout-block {
      font-size: 16px
    }
    .css-vhphko {
    font-size: 16px !important;
 	 	}
    .CalloutBlock_container__2uvHL {
    margin-top: 16px !important;
  	}
    .pseudoSelection {
    width: 8px !important;
    margin-right: 8px !important;
    }
    .CalloutBlock_content__AigMk {
    padding: 20px !important;
	  }
    .css-14qi5oc {
    padding: 0px 24px;
    }
    .notion-topbar {
    height: 80px !important;
    }
    .mord {
    font-size: 16px;
    }
    .css-1571gtv {
    margin-top: 0;
    }
    .css-1vidp2x {
    height: 80px !important;
    }
    .css-cvdst6 {
    height: 26px !important;
    }
    .dIkpba {
    bottom: 80px !important;
    }
    .notion-text-block:nth-last-child(-n + 5) {
      text-align: left !important;
    }
    .notion-text-block:nth-last-child(5) {
      width: 300px !important;
    }
    .css-fy4zdo{
    padding: 0px 24px;
    }
  }
</style>

구름 산스를 소개합니다.

한글과 영문이 조화로운 구름 산스

구름 산스 특징

다양한 두께로 가독성 있게, 구름 산스

구름 산스 미리보기

구름 산스 웹폰트

HTML

CSS

적용 예시

한글과 조화로운 코딩 폰트, 구름 산스 코드

구름 산스 코드 미리보기

구름 산스 코드 웹폰트

HTML

CSS

적용 예시

구름 산스 라이선스