font

Specifies tooltips' font options.

Type:

Object

Show Example:
jQuery

In this example, the font of the tooltip's text is changed.


                                    

                                    

color

Specifies tooltips' font color.

Type:

String

Default Value: '#232323'

This option supports the following colors:

Show Example:
jQuery

In this example, the tooltip's text is colored in mediumblue.


                                    

                                    

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 the tooltip's text is changed.


                                    

                                    

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 tooltip text's opacity option is set to 0.5.


                                    

                                    

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 the tooltip's text is increased to 30.


                                    

                                    

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 the tooltip's text is changed to 700.