Multichannel SDF provides better quality for text rendering. Better explained here
https://github.com/Jam3/three-bmfont-text/blob/master/docs/sdf.md

In order to use MSDF we should modify fragment shader (src/fragment) and have a corresponding demo based on font generated with: https://github.com/Jam3/msdf-bmfont

Here is a one we may use https://github.com/Jam3/three-bmfont-text/blob/master/shaders/msdf.js

Right now this won't support PixiV5, no? What would be needed to make it work? I need v5 for other functionality...

Just playing with you demo tried to change fonts in it. Did it in this way:

var style = {
        fontSize: 12,
        fontWeight: 'bold',
        fill: 0x39FF14,
        align: 'left',
        wordWrapWidth: 400,
        lineHeight: 64,
        fontURL: 'assets/Roboto-msdf.json',
        imageURL: 'assets/Roboto-msdf.png'
    };

    window.text = new PIXI.sdf.Text('This is a multiline SDF text', style);

And I got blurry text. So how to use this kind of fonts?

With which PIXI version is compatible? Are there any other requirements in order to run it? Or I just miss something...

The Pixi demo doesn't look sharp. Setting antialias: true for the renderer has no effect.

Does the demo use the single or multi-channel signed distance field atlas?

I was looking through the code in this repo and noticed https://github.com/PixelsCommander/pixi-sdf-text/blob/master/src/sdf.frag#L23

gl_FragColor = vec4(color, alpha) * u_alpha;

This causes the RGB channels to also be multiplied by the alpha value, darkening the color as it becomes less opaque.

What was almost certainly the intended behavior would be better represented as:

gl_FragColor = vec4(color, alpha * u_alpha);