font

Specifies the font of the text displayed by a tooltip.

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 the font color of the text displayed by a tooltip.

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 the font family of the text displayed by a tooltip.

Type:

String

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

For details on acceptable values, refer to the Font family article.

Show Example:
jQuery

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


                                    

                                    

opacity

Specifies the font opacity of the text displayed by a tooltip.

Type:

Number

Default Value: undefined

Show Example:
jQuery

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


                                    

                                    

size

Specifies the font size of the text displayed by a tooltip.

Type:

Number

|

String

Default Value: 12

For details on acceptable values, refer to the Font size article.

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 the font weight of the text displayed by a tooltip.

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.