레퍼런스 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
String:

불러올 글꼴의 경로.

successCallback
Function:

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

failureCallback
Function:

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

Returns

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

관련 레퍼런스