FontFace를 활용하여 웹사이트의 글꼴을 동적으로 로딩하기
·
Frontend development/JS\React
FontFace란? Web API의 FontFace는 CSS에서 사용할 수 있는 외부 글꼴을 로드하고 관리하는 역할을 합니다. FontFace를 사용하면 다음과 같은 상황에서 유용하게 사용할 수 있습니다. 1. 웹사이트에 특정 글꼴을 사용하고 싶은 경우 2. 웹사이트에서 지원하지 않는 글꼴을 사용하고 싶은 경우 3. 사용자가 웹사이트에서 특정 글꼴을 선택하는 경우 해당 글꼴을 동적으로 로드하는 경우 예제 코드 // MyComponent.js import React from 'react'; const MyComponent = () => { // fonts 배열은 커스텀 폰트 정보를 담고 있습니다. // ex) 서버에서 불러온 font 정보들 const fonts = [ { family: 'CustomFon..
끄적끄적 개발자
'web api' 태그의 글 목록