1. font awsome 사이트에 접속
fontawsome.com
2.리소스 다운로드
3.압축해제후 특정폴더,특정파일 옮겨갑니다.
3-1webfonts폴더 ,all.css
4.폰트폴더는 프로젝트폴더> html폴더 안아로 옮깁니다.
5.all.css파일은 프로젝트폴더> html>css폴더안으로 옮깁니다.
6.내문서에 css경로 지정합니다.
7.fontawsome.com >icon 에서 사용할 아이콘을 찾습니다.
8.소스코드 복사 <i class="fas fa-0000"></i>
9.적용할 문서구조에 붙여넣기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/all.css.css">
<style>
div{color: #F00;
font-size: 48px}
</style>
</head>
<body>
<div>
<!--글씨처리-->
<i class="fab fa-avianex"></i>
</div>
</body>
</html>
fontawsome.com
2.리소스 다운로드
3.압축해제후 특정폴더,특정파일 옮겨갑니다.
3-1webfonts폴더 ,all.css
4.폰트폴더는 프로젝트폴더> html폴더 안아로 옮깁니다.
5.all.css파일은 프로젝트폴더> html>css폴더안으로 옮깁니다.
6.내문서에 css경로 지정합니다.
7.fontawsome.com >icon 에서 사용할 아이콘을 찾습니다.
8.소스코드 복사 <i class="fas fa-0000"></i>
9.적용할 문서구조에 붙여넣기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/all.css.css">
<style>
div{color: #F00;
font-size: 48px}
</style>
</head>
<body>
<div>
<!--글씨처리-->
<i class="fab fa-avianex"></i>
</div>
</body>
</html>
Comments
Post a Comment