CSS
[CSS] 폰트 파일 또는 무료 폰트인 구글 폰트 적용하는 방법
폰트 파일을 적용하는 방법 폰트 파일 준비하기 우선 준비한 폰트 파일을 프로젝트 폴더 내에 원하는 경로에 넣어줍니다. assets/fonts 와 같은 디렉토리명이 적절합니다. 준비한 폰트파일은 CSS 코드에서 경로를 통해 불러와 적용할 것입니다. 폰트 파일 확장자 종류 폰트 파일은 다양한 확장자를 가집니다. 확장자 별로 지원하는 브라우저가 다르고 그 내용은 다음과 같습니다. ttf/otf: IE9이상, 크롬, 파폭, 오페라, 사파리 woff: IE9이상, 크롬, 파폭, 오페라, 사파리 svg/svgz: 크롬, 오페라, 사파리 woff2: 크롬, 파폭, 오페라 eot: IE8이하 CSS에서 폰트 파일 불러와서 적용하기 @font-face {}를 통해 해당 폰트를 font-family 값으로 정의할 수 있습..
2022. 2. 7. 08:00
최근댓글