Font Fill Styles: Solid Colors, Gradients, and Patterns
Learn how to apply solid colors, gradients, and unique image patterns to your bitmap fonts, creating eye-catching visual effects for any project.
Fill styles define how the inside of your font characters looks. SnowB BMF has three options: solid colors, gradients, and image patterns.
All controls are in the Fill section of the right sidebar. Every change previews in real time.
Solid Colors
Section titled “Solid Colors”A single, uniform hue across your characters. Best for clean, readable fonts.
Pick any color and adjust its transparency (alpha). Changes preview immediately on the canvas.
Works well for UI elements that need high contrast, monochrome designs, and simple color schemes.
Gradients
Section titled “Gradients”Gradients create smooth transitions between two or more colors.
Two types are available:
- Linear Gradient blends colors along a straight line. You control the direction with a 0-360 degree angle.
- Radial Gradient blends colors outward from a central point, useful for glow and spotlight effects.
Customizing a Gradient
The gradient bar is your main editing area. Click anywhere on it to add a color stop, click a stop to change its color, and drag stops along the bar to reposition them. To remove a stop, drag it vertically away from the bar. For linear gradients, use the angle dial or type a value to set the direction.
The default is a white-to-black linear gradient.
Gradient Presets
Section titled “Gradient Presets”SnowB BMF includes a preset system for quick gradient application:
- 10 built-in presets (fire, ice, metallic, neon, etc.) are available with a single click.
- You can save your own gradients as custom presets and reuse them across projects.
- Custom presets can be deleted; built-in presets cannot.
The preset selector appears at the top of the gradient editor.
Image Patterns
Section titled “Image Patterns”Fill your characters with a custom image or texture for unique, expressive fonts.
Drag and drop any image file to use as a texture. A thumbnail preview appears after upload. Use the scale control to adjust pattern density (step size: 0.01). Repetition modes control how the texture tiles within characters:
repeat: Tiles the pattern seamlessly in all directions.repeat-x: Repeats the pattern only horizontally.repeat-y: Repeats the pattern only vertically.no-repeat: Displays a single instance of the pattern without repeating.
Image patterns work well for simulating materials (wood, metal, stone), integrating brand-specific textures, creating decorative fonts, or building game-themed text assets.