Frontend practice
CSS 꾸미기 사이트
판다꼬마
2022. 5. 23. 22:06
728x90
Font Awesome
The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.
fontawesome.com
원하는 아이콘을 가져올 수 있다.
<script src="https://kit.fontawesome.com/e4e79036b7.js" crossorigin="anonymous"></script>
이것을 헤드 안에 붙여 넣어서 사용하면 된다.
원하는 아이콘을 가져온 뒤 붙여 넣기 하면 정상적으로 아이콘이 출력된다.
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
폰트 적용 사이트
원하는 폰트를 찾은 후
<link href="https://fonts.googleapis.com/css2?family=Koulen&family=Roboto:wght@300&display=swap" rel="stylesheet" />이것을 link아래에 붙여 넣기 하고
font-family: 'Source Sans Pro';
이것을 적용시키고 싶은 부분에 넣으면 폰트가 적용된다.
728x90