預期的字體將不會以Javascript模式顯示（處理）

Question

因此，以下代碼旨在以指定的字體輸出單詞「HI」。但是，在Javascript模式下，字體是默認字體，而不是舊標準。 有人可以向我解釋這個嗎？

PFont myFont = createFont("OldStandard-Regular.ttf",30); 
textFont(myFont); 
text("HI",50,50); 

Answer 1

p5.js不支持createFont()（至少現在還沒有）。 你應該在錯誤控制檯中看到這一點：

Uncaught ReferenceError: createFont is not defined 

您可以使用loadFont()不過，只要確保你預裝的字體第一：

var myFont; 
function preload() { 
    myFont = loadFont('assets/OldStandard-Regular.ttf'); 
} 

function setup() { 
    fill('#ED225D'); 
    textFont(myFont); 
    textSize(36); 
    textFont(myFont); 
    text("HI",50,50); 
} 

或者使用一個回調函數加載字體時：

function setup() { 
    loadFont('assets/OldStandard-Regular.ttf', drawText); 
} 

function drawText(font) { 
    fill('#ED225D'); 
    textFont(font, 36); 
    text('HI', 50, 50); 
}