PHPackages                             lemmon/kirby-fontpicker - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. lemmon/kirby-fontpicker

ActiveKirby-plugin

lemmon/kirby-fontpicker
=======================

Focuses on simplicity and clarity in font selection for Kirby's Panel, backed by privacy-friendly Bunny Fonts.

v1.1.0(3mo ago)228MITPHP

Since Oct 19Pushed 3mo agoCompare

[ Source](https://github.com/lemmon/kirby-plugin-fontpicker)[ Packagist](https://packagist.org/packages/lemmon/kirby-fontpicker)[ RSS](/packages/lemmon-kirby-fontpicker/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (2)Versions (6)Used By (0)

Font Picker for Kirby
=====================

[](#font-picker-for-kirby)

This Kirby plugin adds a welcoming font picker to the Panel so editors can drop in a favorite web font without touching code. It focuses on simplicity, opinionated defaults, and privacy-friendly integrations like Bunny Fonts to keep typography tweaks approachable for anyone working with predefined templates or themes.

[![Font picker screenshot](assets/screenshot.png)](assets/screenshot.png)

Installation
------------

[](#installation)

### Composer

[](#composer)

```
composer require lemmon/kirby-fontpicker
```

### Git Submodule

[](#git-submodule)

```
git submodule add https://github.com/lemmon/kirby-plugin-fontpicker.git site/plugins/fontpicker
```

### Manual

[](#manual)

[Download the plugin](https://api.github.com/repos/lemmon/kirby-plugin-fontpicker/zipball) and extract it to `/site/plugins/fontpicker`.

Usage
-----

[](#usage)

Add the field to a blueprint and configure defaults as needed:

```
fields:
    website_font:
        label: Website Font
        type: fontpicker
```

Editors can paste a full Bunny Fonts URL (`https://fonts.bunny.net/family/roboto`), type a family name like `Roboto Mono`, or enter a slug such as `roboto-mono`.

Use the stored value to inject fonts and CSS variables in your templates or snippets. A typical pattern is to inject the link tag in a snippet used by `head.php` and share variables via Kirby’s global data or site options.

```