font

Specifies tooltips' font options.

Type:

Object

Show Example:
jQuery

In this example, several font options for the tooltip text are changed. Hover over any area to see a tooltip.


                                    

                                    

color

Specifies tooltips' font color.

Type:

String

Default Value: '#232323'

This option supports the following colors:

Show Example:
jQuery

In this example, the text displayed by tooltips is colored in 'mediumvioletred'. Hover over any area to see a tooltip.


                                    

                                    

family

Specifies tooltips' font family.

Type:

String

Default Value: ''Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana'

Refer to the Font family article for details on acceptable values.

Show Example:
jQuery

In this example, the font family of tooltips is changed. Hover over any area to see a tooltip.


                                    

                                    

opacity

Specifies the transparency of the tooltips' text.

Type:

Number

Default Value: undefined

This option accepts a value from 0 to 1, where 0 makes the text completely transparent, and 1 makes it opaque.

Show Example:
jQuery

In this example, the font opacity of tooltips is changed. Hover over any area to see a tooltip.


                                    

                                    

size

Specifies tooltips' font size.

Type:

Number

|

String

Default Value: 12

Refer to the Font size article for details on acceptable values.

Show Example:
jQuery

In this example, the font size of tooltips is set to 24 using the size option. Hover over any area to see a tooltip.


                                    

                                    

weight

Specifies tooltips' font weight. Accepts values from 100 to 900 in increments of 100. Higher values increase boldness.

Type:

Number

Default Value: 400

Show Example:
jQuery

In this example, the font weight of tooltips is set to 700 using the weight option. Hover over any area to see a tooltip.