폰트어썸(Font Awesome) ::before, ::after로 사용법

폰트어썸(Font Awesome) ::before, ::after로 사용법

폰트어썸의 아이콘을 ::before ::after로 사용하는 방법

작성의도 – 아이콘 다음의 글씨가올때 똑같은 위치에서 글씨가 시작하게끔 만들기위해서 ul 처럼 보이기위해

 

폰트어썸에서 원하는 아이콘클릭해서

기존에는 html 코드부분을 복사해서 html안에 입력시킨다

하지만 ::before ::after에 입력하기위해서는 f26e 라는 부분의 content를 복사해온다

div::after {
    font-family:FontAwesome;
    content:"\f26e";
}

content안에다가 입력시켜주면 나오게된다 \ 이거 꼭입력!
폰트어썸을쓰려면 기본적으로 cdn이나 css파일불러와져야 보여집니다

By | 2018-06-02T11:20:32+00:00 5월 18th, 2018|Web Skill|0 Comments

About the Author:

DAN

Leave A Comment