font
font를 적용하기 위해서는 미리 받은 폰트css파일을 다운받아 넣은 후 기존 테블레이트에 링크를 달면된다.
파일이름: custom2.css
<link href="../css/custom2.css" rel="stylesheet"> 또는 복사해와서 직접 붙여 넣어서 원하는대로 수정하도된다.
style>
body { font-family: "Helvetica Neue", Helvetica, Arial,"궁서체", sans-serif; }
</style>font 적용 예시
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 위 3개의 메타 태그는 *반드시* head 태그의 처음에 와야합니다; 어떤 다른 콘텐츠들은 반드시 이 태그들 *다음에* 와야 합니다 -->
<title>예제</title>
<!-- 부트스트랩 -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/custom2.css" rel="stylesheet">
<!-- <style>
body { font-family: "Helvetica Neue", Helvetica, Arial,"궁서체", sans-serif; }
</style> -->
<!-- IE8 에서 HTML5 요소와 미디어 쿼리를 위한 HTML5 shim 와 Respond.js -->
<!-- WARNING: Respond.js 는 당신이 file:// 을 통해 페이지를 볼 때는 동작하지 않습니다. -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>bootstrap h1</h1>
<h2>bootstrap h2</h2>
<h3>bootstrap h3</h3>
<h1>부트스트랩 h1</h1>
<h2>부트스트랩 h2</h2>
<h3>부트스트랩 h3</h3>
<!-- jQuery (부트스트랩의 자바스크립트 플러그인을 위해 필요합니다) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- 모든 컴파일된 플러그인을 포함합니다 (아래), 원하지 않는다면 필요한 각각의 파일을 포함하세요 -->
<script src="../js/bootstrap.min.js"></script>
</body>
</html>