I'm having trouble integrating a custom font

So I am not getting any errors when running the simulation but the watch face gives me a black screen.

I followed a video on how to add custom font so my code may seem goofy. I am also very new to this. 

<fonts>
    <font id="customFont" filename="digitalFont.fnt" filter="0123456789"/>
</fonts>

class Division_WatchView extends WatchUi.WatchFace {

var customFont = null;

function initialize() {
    WatchFace.initialize();
}


function onLayout(dc as Dc) as Void {
    customFont = WatchUi.loadResource(Rez.Fonts.customFont);
    setLayout(Rez.Layouts.WatchFace(dc));
}


function onShow() as Void {
}

function onUpdate(dc as Dc) as Void {

dc.setColor(Graphics.COLOR_BLACK, Graphics.COLOR_BLACK);
dc.clear();

var clockTime = System.getClockTime();
var hourToDisplay = clockTime.hour;


if ( hourToDisplay >= 13) {
    hourToDisplay = hourToDisplay - 12;

}
if ( hourToDisplay == 0) {
    hourToDisplay = hourToDisplay + 12;
}

var timeString = Lang.format("$1$:$2$", [hourToDisplay, clockTime.min.format("%02d")]);

dc.setColor(Graphics.COLOR_WHITE, Graphics.COLOR_BLACK);
dc.drawText(dc.getWidth()/2, 22, customFont, timeString, Graphics.TEXT_JUSTIFY_CENTER);

View.onUpdate(dc);
}