font

Specifies font options for the text displayed by the range selector slider markers.

Type:

Object

Show Example:
jQuery

In this example, several font options of the slider markers are changed.


                                    

                                    

color

Specifies the font color for the text displayed by the range selector slider markers.

Type:

String

Default Value: 'white'

This option supports the following colors:

Show Example:
jQuery

In this example, the font color option of the slider markers is set to 'cornsilk'.


                                    

                                    

family

Specifies the font family for the text displayed by the range selector slider markers.

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 option of the slider markers is changed.


                                    

                                    

opacity

Specifies the font opacity for the text displayed by the range selector slider markers.

Type:

Number

Default Value: undefined

Show Example:
jQuery

In this example, the font opacity option of the slider markers is set to 1.


                                    

                                    

size

Specifies the font size of the range selector slider markers' text.

Type:

Number

|

String

Default Value: 14

A numeric value specifies the font size in pixels. A string value can specify the font size in any units listed here, but multi-line text only supports length units.

Show Example:
jQuery

In this example, the font size option of the slider markers is set to 16.


                                    

                                    

weight

Specifies a font weight for the text displayed by slider markers. 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 slider markers is changed to 700.