Extreme Thumbnail Generator online documentation
Web photo galleries
Generate a web photo gallery
Publish a photo gallery on the Web via FTP
Send a photo gallery via email
How to add images to the gallery
How to sort images in the gallery
How to rename images
How to resize images
How to rotate images
How to add special effects to the images
How to add text to images
How to add logo to images
How to add shadow effect to images
How to link images in the gallery to other pages
How to add EXIF information to the image description
How to import image descriptions
Image format settings
Supported image formats
How to change the thumbnail image size
How to add a border to the thumbnail images
How to add shadow effect to thumbnail images
How to set custom thumbnail size and link address
EXIF info in the thumbnails title
How to link thumbnails directly to images
Thumbnail resize methods
Thumbnail image file name
Thumbnail image format
Thumbnails pages
Thumbnails per page
Thumbnails pages file name
Link back from thumbnails pages
Image pages
Image pages file name
Image page title settings
Advanced topics
Re-generating the gallery
Setting font for text elements
Sub-folders in the gallery folder
Web photo gallery meta data
Built-in FTP gallery publishing module
Link back properties
Multi-line text editor
Special tags
Auto-rename images in the gallery
How to add a Lightbox effect to the gallery
How to add slide show
Gallery template
Built-in gallery template editor
Batch image processing
Craete thumbnails
Image processing
Program settings
General settings
Advanced settings
FTP settings
FTP profiles
Product updates
Other products

Setting font for text elements

You can set a custom font for many text elements in the gallery, like gallery title, image page header, thumbnails title and many others. If you see the Choose font button next to some text element then you can choose the font you wish for it. This button opens the following window:

Font selection window

This window can help you to choose all font parameters for the text element, like font name, size, style and color. When the pages are generated these parameters are used in the inline CSS definition of the <span style="...">...</span> tag which surrounds the text element.

But if you check the Use page font box, then the <span style="...">...</span> tag is not added to the text element and it will use the font that is set for the entire page, the default font.


If you check the Font box and select the font name using the Choose font button, then the following attribute is added to the inline CSS definition of the <span style="...">...</span> tag:

font-family: Verdana;


If you want to override the default font size then check the Size box and enter the desired font size in the corresponding edit field. If you enter only digits in this field, then Extreme Thumbnail Generator will automatically add px to it when the page is generated.

The value that you enter in the Size field adds the following text to the inline CSS definition of the <span style="...">...</span> tag:

font-size: 10px;

Below is the list of all possible measurement units for the font.

Unit Explanation
% percentage
in inch
cm centimeter
mm millimeter
em 1em is equal to the current font size. 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt, then '2em' is 24 pt.
ex one ex is the x-height of a font (x-height is usually about half the font-size)
pt point. 1 pt is the same as 1/72 inch
pc pica. 1 pc is the same as 12 points
px pixels. Pixel is a dot on the computer screen


Choosing a new font color is very easy. Simply check the Color box and click the Choose color button to choose a new font color or enter the new color value manually. Any value from this field is adds the following text to the inline CSS definition of the <span style="...">...</span> tag:

color: Maroon;

You can use any of standard color names in this field: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.

Also colors can be defined as a hexadecimal notation for the combination of Red, Green, and Blue color values (RGB). The lowest value that can be given to one light source is 0 (hex #00) and the highest value is 255 (hex #FF). The table below shows the result of combining Red, Green, and Blue light sources.

Color Color HEX Color RGB
  #000000 rgb(0,0,0)
  #FF0000 rgb(255,0,0)
  #00FF00 rgb(0,255,0)
  #0000FF rgb(0,0,255)
  #FFFF00 rgb(255,255,0)
  #00FFFF rgb(0,255,255)
  #FF00FF rgb(255,0,255)
  #C0C0C0 rgb(192,192,192)
  #FFFFFF rgb(255,255,255)


Font style is defined as a combination of the following values: bold B, italic I, underline U and strike-out S. You can use a combination of these values, for example B and I. Simply click the corresponding buttons.

The following text is added to the inline CSS definition of the <span style="...">...</span> tag depending on the button:

B: font-weight: bold;

I: font-style: italic;

U: text-decoration: underline;

S: text-decoration: line-through;