Text and Typography

Text Field

Enter the text to display on the current frame.

Example:

MISSION ACCOMPLISHED

The implementation draws the supplied string through the Canvas 2D API.

Text is not interpreted as HTML or JavaScript.

Font Family

GIF Ops provides these font choices:

Font	Typical Appearance
Impact	Bold, condensed caption style
Anton	Bold display typography
Inter	Clean modern sans-serif
System UI	Native operating-system style
Arial Black	Heavy sans-serif
Georgia	Traditional serif
Courier New	Monospaced

The page loads Inter and Anton from Google Fonts.

Other choices use installed system fonts or configured fallbacks.

Alignment

Three text alignment options are available.

Option	Behavior
Center	Text is centered around its anchor
Left	Text begins at its anchor
Right	Text ends at its anchor

Alignment changes how the caption is positioned relative to the anchor coordinates.

It does not automatically move the caption to the left, center, or right edge.

Text Color

Use the Color input to select the text fill color.

Default:

#FFFFFF

This produces white text.

Text Opacity

The Opacity slider ranges from 1 to 100.

The initial value is 100%.

The implementation uses Canvas global alpha.

This means text opacity affects both the fill and its border.

Text Border

GIF Ops provides four border options.

Border	Behavior
Light	Thin outline
Medium	Medium outline
Heavy	Thick outline
None	No outline

Outline thickness scales with font size.

Light

Approximately 6% of font size, with a minimum of 2 pixels.

Medium

Approximately 9% of font size, with a minimum of 3 pixels.

Heavy

Approximately 12% of font size, with a minimum of 4 pixels.

Border Color

Choose the outline color using the Border Color selector.

Default:

#000000

This produces a black text outline.

Border Opacity

The Border Opacity slider ranges from 1 to 100.

It separately adjusts the outline's alpha before the overall text opacity is applied.

For example:

Text Opacity: 80%
Border Opacity: 50%

The final outline appearance is affected by both settings.

Default Text Settings

Setting	Default
Text	Empty
Font	Impact, with Anton/system fallback
Font Size	32 px
Alignment	Center
Text Color	White
Text Opacity	100%
Border	Light
Border Color	Black
Border Opacity	100%
X Offset	0
Y Offset	0

Recommended Caption Styles

Classic Meme

Font: Impact
Size: 40
Text: White
Border: Heavy
Border Color: Black
Alignment: Center

Minimal Caption

Font: Inter
Size: 26
Text: White
Border: None
Alignment: Center

Editorial Style

Font: Georgia
Size: 30
Text: White
Border: Light
Border Color: Black
Alignment: Left

Rendering Limitations

GIF Ops currently renders a single text string per frame.

It does not provide separate caption layers or independently styled words within the same frame.

Automatic line wrapping and advanced text layout are not implemented in the supplied source.

Long captions may extend beyond the canvas boundaries.

Tips for Readability

Use strong contrast between text and the GIF.
Add an outline when the background is busy.
Keep captions short.
Preview frames individually.
Avoid placing text over important visual content.
Check the result after GIF export, not only in the canvas preview.