About font picker

This jQuery plugin allows you to add a font picker to easily display a list of fonts in your Bootstrap form. This font picker can be used along with our select jQuery plugin.

Examples

Example for loading the list of fonts and selecting a default font

<select class="form-control bfh-fonts" data-font="Arial"></select>

Example for loading the list of fonts, limited to a specific list of fonts

<select class="form-control bfh-fonts" data-available="Arial,Calibri,Helvetica"></select>

Example for loading the list of fonts in JavaScript and selecting a default font



<button onclick="$('#fonts1').bfhfonts({font: 'Arial'})" class="btn">Load fonts</button>
<br><br>
<select id="fonts1" class="form-control"></select>

Example for loading the list of fonts using Bootstrap Form Helpers Select Box

<div class="bfh-selectbox bfh-fonts" data-font="Arial">
</div>

Available languages

  • English (US)

Options

Option Description
font Font identifier. To select a font. Required when blank is set to false. Default: ''
available Comma separated list of font identifier. To restrict the list of fonts. Default: ''
blank Boolean. To show a blank option. Default: true

If using our select jQuery plugin, refer to this documentation for a list of additional options.

Methods

If using our select jQuery plugin, refer to this documentation for a list of methods.

Events

If using our select jQuery plugin, refer to this documentation for a list of events.