Most of the game UI systems are using “line-art” image such as the bitmap image for text and UI elements. Sometimes, multiple textures with different resolution are needed so that same image can be magnified to different size. In realtime game, especially mobile game, due to the limited amount of texture memory, distance field image can be an efficient solution for high quality image rendering. Here we present a way to create the distance field image in a low resolution image and by using a simple alpha testing shader, it can be rendered as a high resolution image. Some font rendering demos have been created with effect such as gradient, outline, shadows. The size of the distance field texture used in demo is only 256x256, but it can be scaled up to 10 times size without quality loss. Furthermore, this distance filed image is also a good solution for UI animation that needs multiple images as a animation sequence. "
VFont is supposed to be compatible with all the unity projects, and the paid copy has full source code included (except for the general BMFont implemetation which you can find in a lot of places) so you can easily customize or improve it.
We are also working on an improved version of it and we will release that as an update when it is ready. For details or questions, please contact us by email or visit
I cannot seem to generate any new font textures for VFont - followed tutorial through a few times, but the editor vfont creator script doesn’t seem to work…