freelifemakers.com/onePage에 가면 아래와 같은 화면을 볼 수 있습니다.
빨간색으로 체크한 부분은 아이콘을 사용한 부분입니다.
아이콘을 사용하는 여러가지 방법이 있겠지만 여기서는 fontawesome.com의 아이콘을 사용했습니다.
현재 버전은 V5인데 이 HTML 템플릿이 V4라서 저도 V4버전을 사용했습니다.
If you go to freelifemakers.com/onePage, you will see a screen like the one below.
The parts checked in red are the parts where icons are used.
There are many ways to use icons, but here I used icons from fontawesome.com.
The current version is V5, but this HTML template is V4, so I also used the V4 version.
V4버전의 주소는 다음과 같습니다.
The address of the V4 version is as follows.
https://fontawesome.com/v4/get-started/
https://fontawesome.com/v4/icons/
HTML페이지 내에서 다음과 같이 사용합니다.
head태그 사이에 css파일 링크는 한번만 사용하고
body태그 사이에 여러분이 사용할 아이콘 태그를 입력합니다.
Use it as follows within an HTML page
Use the css file link between head tags only once.
Enter the icon tag you want to use between the body tags.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>freelifemakers.com</title>
<!--
https://fontawesome.com/v4/ ,https://fontawesome.com/v4/get-started/
-->
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
</head>
<body>
<!--shiled,music,code icon -->
<i class="fa fa-music fa-5x" aria-hidden="true"></i>
<i class="fa fa-shield" aria-hidden="true"></i>
<i class="fa fa-code fa-5x" aria-hidden="true"></i>
</body>
</html>