Front-end/HTML,CSS

폰트에 대해서(글씨체, 폰트다운파일, 구글폰트)

1924 2020. 6. 9. 21:33

font-family: 폰트1, 폰트2, 폰트3;

폰트1이 없다면 폰트2.
폰트2도 없다면 폰트3.

 

이런식으로 적용된다.

 

 

구글폰트

 

fonts.google.com

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

이 사이트에서 링크로 폰트를 불러와서 적용시킬수도 있고

폰트를 다운받아서 사용할수도 있다.

 

폰트파일 사용하는법

폰트파일을 다운받은 후 

css파일에 font-face {
src: url(폰트주소)
}
font-family: 이름지정 후 사용