Ich versuche, eine benutzerdefinierte Schriftart in Pixi.js (2D WebGL-Framework) zu laden.Benutzerdefinierte Schriftart in Pixi.js
Sie haben ein Beispiel unter Verwendung von .woff Fonts google:
https://github.com/GoodBoyDigital/pixi.js/tree/master/examples/example%2010%20-%20Text
ich meine .ttf und in CSS hinzugefügt .woff umgewandelt:
@font-face
{
font-family: "HU_Adrien";
src: local('HU_Adrien'), url('HU_A0046.woff') format('woff');;
}
div.font{
font-family: "HU_Adrien";
color: white;
}
Es zeigt in meinem div aber nicht in meiner Pixi-Bühne.
...
// create a text object with a nice stroke
var spinningText = new PIXI.Text("I'm fun!", {font: "160px HU_Adrien", fill: "#cc00ff", align: "center", stroke: "#FFFFFF", strokeThickness: 6});
// setting the anchor point to 0.5 will center align the text... great for spinning!
spinningText.anchor.x = spinningText.anchor.y = 0.5;
spinningText.position.x = 620/2;
spinningText.position.y = 400/2;
...
Könnte es sein, dass Sie nicht die Quelle in der Zeile aufgeführt haben? Wie das '.woff'? – Brendan
Im GoodBoy-Beispiel laden sie die Schriftart vor, nicht sicher, ob Sie ein Race-Problem mit CSS haben. versuchen Sie es mit '{font:" 160px HU_Adrien, arial "...' und sehen Sie, ob Sie wenigstens Text bekommen. –