Pixel-align horizontal text alignment

import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    id: window
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Item {
        id: item
        anchors.top: parent.top
        anchors.bottom: parent.bottom

        PropertyAnimation {
            id: animation
            target: item
            property: "width"
            from: 0
            to: window.width * 2
            running: true
            loops: Animation.Infinite
            duration: 20000
        }

        Text {
            id: t1
            y: parent.height / 2 - height / 2
            anchors.horizontalCenter: parent.horizontalCenter
            font.pixelSize: 16
            font.hintingPreference: Font.PreferNoHinting
            renderType: Text.NativeRendering
            text: "Foobar"

        }

        Text {
            id: t2
            anchors.top: t1.bottom
            anchors.left: parent.left
            anchors.right: parent.right
            font.pixelSize: 16
            font.hintingPreference: Font.PreferNoHinting
            renderType: Text.NativeRendering
            text: "Foobar"
            horizontalAlignment: Text.AlignHCenter

        }
    }

    MouseArea {
        anchors.fill: parent
        onClicked: {
            if (animation.paused)
                animation.resume()
            else
                animation.pause()
        }
    }
}