[TOOL_01] SDF Text Generator // Shader-Ready Fonts Back to Portfolio
Text Input
Font Selection
Type to search Google Fonts
No file chosen
Settings
16px
Export
SDF Output 512×512
Shader Preview Glitch
Generation Info
Status Ready
Shader Usage
// Sample SDF (black=inside, white=outside)
float dist = 1.0 - texture2D(sdfTexture, uv).r;

// Anti-aliased edge
float edge = 0.5;
float delta = fwidth(dist) * 0.5;
float alpha = smoothstep(edge - delta, edge + delta, dist);

// Outline effect
float outline = smoothstep(0.45, 0.5, dist)
             - smoothstep(0.5, 0.55, dist);