text Diacredical Marks pixijs problem?

[rossi46]

 

I create a game. But when i create text, it lost Diacredical Marks (language is vietnamese). Normal I use style in pixi example, it does not loose Diacredical Marks. But when i remove some stype of text. It loose Diacredical Marks? here is the code full and code where i comment style of text.

window.SamTruyen = window.SamTruyen || {};
//loader
window.SamTruyen.Loader = function () { this.init(); };
window.SamTruyen.Loader.prototype = {
    init: function () {
        var assetImages = ["samtruyen/x2.json"];
        loader.add(assetImages);
        loader.on("progress", this.progress);
        loader.load(this.complete);
    },
    complete: function () {
        AppSt.Game = new window.SamTruyen.Game();
    },
    progress: function () {
    }
};
//bonus
window.SamTruyen.Bonus = function () { this.create(); };
window.SamTruyen.Bonus.prototype = {
};
//x2
window.SamTruyen.X2 = function () { };
window.SamTruyen.X2.prototype = {
    turnLeft: 3,
    init: function() {
        var that = AppSt.Game;
        var ths = AppSt.X2;
        ths.x2Container = new Container();
        that.stage.addChild(ths.x2Container);
        ths.createAssets();
    },
    createAssets: function () {
        var that = AppSt.Game;
        var ths = AppSt.X2;
        var bg = new Sprite(TextureCache["ast_x2-bg.png"]);
        ths.x2Container.addChild(bg);
        bg.position.set(0, 0);
		
        var style = new PIXI.TextStyle({
            fontFamily: 'Times New Roman',
            fontSize: 16,
            fontWeight: 'bold',
            fill: "yellow"
        });

        ths.lblTurn = new PIXI.Text("LƯỢT CÒN LẠI", style);
        ths.lblTurn.position.set(that.renderer.view.width / 2, 71);
        ths.lblTurn.anchor.set(0.5, 0);
		
		ths.x2Container.addChild(ths.lblTurn);
    }
};
//trial
//game
window.SamTruyen.Game = function () { this.create(); };
window.SamTruyen.Game.prototype = {
    game: null, stage: null, renderer: null, smoothie: null, mainContainer: null, containerColumn1: null, containerColumn2: null, containerColumn3: null, containerColumn4: null, containerColumn5: null, mask: null,
    column1: {}, column2: {}, column3: {}, column4: {}, column5: {}, effectContainer: null, iconsContainer: null,
    create: function() {
        PIXI.utils.skipHello();
        this.renderer = new autoDetectRenderer(600, 330, { antialias: false, transparent: true, resolution: 1 });
        $("#game").append(this.renderer.view);
        this.stage = new Container();
        this.smoothie = new Smoothie({ engine: PIXI, renderer: this.renderer, root: this.stage, update: undefined, fps: 120 });
        this.smoothie.start();
        this.mainContainer = new Container();
        this.containerColumn1 = new Container();
        this.containerColumn2 = new Container();
        this.containerColumn3 = new Container();
        this.containerColumn4 = new Container();
        this.containerColumn5 = new Container();
        this.effectContainer = new Container();
        this.iconsContainer = new Container();
		this.mainContainer.addChild(this.containerColumn1, this.containerColumn2, this.containerColumn3, this.containerColumn4, this.containerColumn5, this.iconsContainer);
        this.stage.addChild(this.mainContainer, this.effectContainer);
    }
};
//app
var hubmanagerSt = null;
(function () {
    window.AppSt = {};
    AppSt.AccountID = 0;
    
    AppSt.initGame = function () {
		AppSt.Loader = new window.SamTruyen.Loader();
    }
    AppSt.deleteGame = function () {
    }
})();
$(document).ready(function () {
    AppSt.initGame();
setTimeout(function(){
AppSt.X2 = new SamTruyen.X2();
AppSt.X2.init();
}, 2000);
});

 var style = new PIXI.TextStyle({
            fontFamily: 'Times New Roman',
            fontSize: 16,
            fontWeight: 'bold',
            fill: "yellow", // gradient
            /* stroke: '#4a1850',
            strokeThickness: 5,
            dropShadow: true,
            dropShadowColor: '#000000',
            dropShadowBlur: 4,
            dropShadowAngle: Math.PI / 6,
            dropShadowDistance: 6,
            wordWrap: true,
            wordWrapWidth: 440 */
        });

I have two images. One loose Diacredical Marks and one doesn't loose

[themoonrat]

Try adding padding to the TextStyle?

[rossi46]

59 minutes ago, themoonrat said:

Try adding padding to the TextStyle?

many thanks. padding is perfect.