레퍼런스 loadFont()

loadFont()

글꼴을 불러와 p5.Font 객체를 생성합니다. loadFont()는 .otf 또는 .ttf 형식의 글꼴을 불러올 수 있습니다. 불러온 글꼴은 캔버스 및 HTML 요소에서 스타일을 지정하는 데에 사용할 수 있습니다.

첫 번째 매개변수 path는 글꼴 파일의 경로입니다. 로컬 파일의 경로는 상대적이어야 합니다. 예시로, '/assets/inconsolata.otf'가 있습니다. 다음 예제에서 사용된 Inconsolata 글꼴은 이 곳에서 무료로 다운로드할 수 있습니다. 원격 파일의 경로는 URL이어야 합니다. 예시로, '[https://example.com/inconsolata.otf](https://example.com/inconsolata.otf')'가 있습니다. 브라우저 보안으로 인해 URL이 차단될 수 있습니다.

두 번째 매개변수 successCallback은 선택 사항입니다. 함수가 전달되면 글꼴을 불러온 후에 호출됩니다. 콜백(callback) 함수가 필요한 경우 새 p5.Font 객체를 사용할 수 있습니다.

세 번째 매개변수 failureCallback도 선택 사항입니다. 함수가 전달되면 글꼴을 불러오는 데 실패한 경우에 호출됩니다. 콜백 함수가 필요한 경우, 오류 이벤트 객체를 사용할 수 있습니다.

글꼴을 불러오는 데 시간이 걸릴 수 있습니다. loadFont()preload()에서 호출하면 setup() 또는 draw()에서 사용되기 전에 글꼴을 불러옵니다.

예제

구문

loadFont(path, [successCallback], [failureCallback])

매개변수

path

불러올 글꼴의 경로.

successCallback

글꼴을 불러온 후 p5.Font 객체와 함께 호출되는 함수.

failureCallback

글꼴을 불러오지 못한 경우 오류 이벤트 객체와 함께 호출되는 함수.

Notice any errors or typos? Please let us know. Please feel free to edit src/typography/loading_displaying.js and open a pull request!

관련 레퍼런스