So I have tried a couple things but still I find it is not working. Using the Hide From Front UI option does not hide the custom field from the front end, nor does adding the key=hide_from_front value=true.
I notice that the option Hide from front doesn't work when using the user profile form. I've escalated this issue to the development team to fix it as soon as possible.