CSS 꾸미기 사이트

https://fontawesome.com/

Font Awesome

원하는 아이콘을 가져올 수 있다.

<script src="https://kit.fontawesome.com/e4e79036b7.js" crossorigin="anonymous"></script>

이것을 헤드 안에 붙여 넣어서 사용하면 된다.

원하는 아이콘을 가져온 뒤 붙여 넣기 하면 정상적으로 아이콘이 출력된다.

 

 

https://fonts.google.com/

Google Fonts

폰트 적용 사이트

 

원하는 폰트를 찾은 후 

<link href="https://fonts.googleapis.com/css2?family=Koulen&family=Roboto:wght@300&display=swap" rel="stylesheet" />

이것을 link아래에 붙여 넣기 하고
font-family: 'Source Sans Pro';

이것을 적용시키고 싶은 부분에 넣으면 폰트가 적용된다.