Text

ImageBoss supports adding text to your images.


Like any other filter that you can add to your images, ImageBoss also let add text to overlay your images. Just pass the options on the URL as explained below.



Available Options

txt Defines text you want to overlay your images.

txt-size Defines the size of the text.

txt-font Defines the typeface of your font.

txt-font-weight Defines the weight of the fond. Options are: normal, bold or number.

txt-font-style Defines the font style. Options are: normal or italic.

txt-color Defines the color of the text. Accepts only a hexadecimal color, such as 000fff.

txt-pad Defines the padding around the text. Number between 1-100.

txt-shad Applies a text shadow. Number between 0-10.

txt-position Position of the text. Options are: north, northeast, east, southeast, south, southwest, west, northwest and center (default).

txt-line Adds a contour line to your text. Accepts a number between 0-100.

txt-line-color Defines the contour color. Accepts only a hexadecimal color, such as 000fff.

txt-opacity Defines the text opacity. Number between 1-100.

Contents

  1. Basic text overlay
  2. Positioning
  3. Style & Weight
  4. Padding
  5. Shadow
  6. Opacity
  7. Border
  8. Custom Fonts

Basic text overlay



Using ImageBoss Web Library

<img
    src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
    data-imageboss-src="/examples/03.jpg"
    data-imageboss-operation="width"
    data-imageboss-options="txt:Simple Text,txt-size:80,txt-font:RobotoMono,txt-color:ffffff"
    width="700"
/>


Style & Weight




Positioning




Padding




Shadow




Opacity




Border




Custom Fonts

Reach out to Customer Support from your dashboard so we can setup a font that works for you!