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 button next to some text element then you can choose the font you wish for it. This button opens the following 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.

Font

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

font-family: Verdana;

Size

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

Color

Choosing a new font color is very easy. Simply check the Color box and click the 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)

Style

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;