본문 바로가기
IT록

html 테스트 및 작업 시 자주 사용하는 CDN

by 꽃이 2021. 5. 11.
728x90
반응형
//bootstrap
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
//swiper js/css
<script src="//swiperjs.com/package/swiper-bundle.min.js"></script>
<link rel="stylesheet" href="//swiperjs.com/package/swiper-bundle.min.css"></script>
//jQuery js
<script  src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="//code.jquery.com/jquery-3.4.1.min.js"></script>
//font
  //noto
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
</style>
  //nanum
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
</style>
728x90
반응형

댓글