28. Typography

Complex field with font settings including preview from google fonts

'typography' => array(
    'type' => 'typography',
    'label' => esc_html__('Typography', 'my-domain'),
    'excluded' => array(
        'font-family',
        'backup-font'
    )
),

Also, you can exclude fields from component:

'typography_excluded' => array(
    'type' => 'typography',
    'label' => esc_html__('Typography', 'my-domain'),
    'excluded' => array(
        'backup-font',
        'font-size',
        'font-weight',
        'line-height',
        'letter-spacing',
        'word-spacing',
        'text-transform',
        'color'
    )
),

Last updated