[JSP] - css 이용하여 태그별로 폰트 사용하기
○ css이용하여 태그별로 폰트 사용하기 |
폰트 가져오는 사이트 : https://fonts.google.com/earlyaccess 부트스트랩 가져오는 사이트 : http://getbootstrap.com/docs/4.1/getting-started/download/ <!-- 폰트 설정을 위해 만든 custom.css --> <!-- 폰트를 사용하기 위해 사이트에서 import를 한다 --> @import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css); @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); <!-- navbar, h1, h2, h3, h4, h5 태그들 폰트 설정 --> .navbar-brand, h1, h2, h3, h4 { font-family: 'Jeju Gothic' } h5 { font-family: 'Jeju Gothic'; font-size: 18px; } <!-- body 태그 안에 있는 폰트를 이걸로 쓴다 --> body{ font-family: 'Noto Sans KR'; } <!-- 반응형 사용위해 추가 --> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- index.jsp 에서 <head> 태그 안에 사용해주기 위해서 아래와 같이 추가해준다 --> <!-- 부트스트랩 관련 css 추가 --> <link rel="stylesheet" href="./css/bootstrap.min.css"> <!-- 커스텀 css 추가 --> <link rel="stylesheet" href="./css/custom.css"> <!-- <body> 태그 안에 부트스트랩 js 추가 --> <script src="./js/bootstrap.min.js"></script> |
'JSP' 카테고리의 다른 글
| [JSP] - Navbar 상단 고정하기 (0) | 2018.05.01 |
|---|---|
| [JSP] - 코드 정렬하기 (0) | 2018.04.30 |
| [JSP] - 반응형 위한 viewport 메타 태그 (0) | 2018.04.29 |
| [JSP] - div class, span class, 크롬 개발자도구(F12) (0) | 2018.04.29 |
| [JSP] - Auto Increment DB SQL 처리방법 (0) | 2018.04.29 |