Coding Cody
All - cdn 본문
jQuery CDN
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>web Fonts CDN
NotoSans KR
/* Google Web Fonts CDN*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap');
font-family: 'Noto Sans KR', sans-serif;Raleway
/*Google Web Font*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Raleway:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&family=Source+Sans+3:wght@300;400;600;700;900&display=swap');
font-family: 'Raleway', sans-serif;
Montserrat
/*Google Web Font*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Montserrat:wght@300;400;500&family=Raleway:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&family=Source+Sans+3:wght@300;400;600;700;900&display=swap');
font-family: 'Montserrat', sans-serif;Roboto
/*Google Web Font*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Roboto:wght@100;300;400;500;700;900&family=Source+Sans+3:wght@300;400;600;700;900&display=swap');
font-family: 'Roboto', sans-serif;
Source Sans Pro
/*Google Web Font*/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;600;700;900&display=swap');
font-family: 'Source Sans Pro', sans-serif;Lato
/*Google Web Font*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Source+Sans+3:wght@300;400;600;700;900&display=swap');
font-family: 'Lato', sans-serif;Reference URL
web Fonts Search
Google Fonts
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
눈누
상업용 무료한글폰트 사이트
noonnu.cc
FontAwesone 4.7 CheatSheet
* FontAwesome 4.7 Official Website
https://fontawesome.com/v4.7.0/icons
Font Awesome Icons
Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them! Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle. Ligatures for easier des
fontawesome.com
https://fontawesome.bootstrapcheatsheets.com/
Font Awesome v.4.7.0 | Bootstrap Cheat Sheets
You can use a simple tag to place an icon in your page, like this: = The first class—fa—is a base class. It tells the tag, "hey, heads up: this is going to be an icon." The second class (in this example, fa-home) points the specific icon you want to us
fontawesome.bootstrapcheatsheets.com
CDN :
/*Fontawesome 4.7 CDN */
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
/*Fontawesome 4.7 CDN */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
XEICON Ver2.3.3
https://xpressengine.github.io/XEIcon/
/** XEION CDN */
@import url('http://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">
XEIcon, 문자를 그리다
XEICon은 웹사이트 제작에 최적화된 벡터 그래픽 아이콘 툴킷입니다. 여러분의 아름답고 직관적인 웹페이지 제작을 돕습니다.
xpressengine.github.io
Web Gradients
Free Gradients Collection by itmeo.com
Free collection of 180 background gradients that you can use as content backdrops in any part of your website.
webgradients.com
W3c Schools Color Picker
https://www.w3schools.com/colors/colors_picker.asp
HTML Color Picker
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
Flat Ui colors
Flat UI Colors 2 - 14 Color Palettes, 280 colors 🎨
280 handpicked colors ready for COPY & PASTE
flatuicolors.com
Social Colors
https://www.materialui.co/socialcolors
한글 Lorem Ipsum
한글입숨 - 무의미한 한글 텍스트 생성기
한글판 로렘입숨. 무의미한 한글 텍스트를 생성해 줍니다.
hangul.thefron.me
영문 Lorem Ipsum
Lorem Ipsum - All the facts - Lipsum generator
What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type spec
lipsum.com
'css' 카테고리의 다른 글
| css만으로 slidebar- checkbox (0) | 2023.09.15 |
|---|---|
| fontawesome.com ::before, ::after (0) | 2023.03.24 |
