Pixi.js (2D WebGL 프레임 워크)에 사용자 정의 글꼴을로드하려고합니다.Pixi.js의 사용자 정의 글꼴
https://github.com/GoodBoyDigital/pixi.js/tree/master/examples/example%2010%20-%20Text 내가 .woff과 CSS에 추가 내 .TTF 변환
가 :
@font-face
{
font-family: "HU_Adrien";
src: local('HU_Adrien'), url('HU_A0046.woff') format('woff');;
}
div.font{
font-family: "HU_Adrien";
color: white;
}
그것은 내 사업부에 표시하지만
그들은 .woff 글꼴을 구글 사용하는 예를 내 Pixi 스테이지에서....
// 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;
...
줄에 소스가 나열되어 있지 않아도 될까요? '.woff'처럼? – Brendan
GoodBoy 예제에서 CSS를 사용하여 경주 문제가 있는지 확실하지 않은 글꼴을 미리로드하고 있습니다. '{font : "160px HU_Adrien, arial"...}을 설정하고 적어도 텍스트를 얻는 지보십시오. –