PHPackages                             bnomei/kirby3-fontselector - 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. [Utility & Helpers](/categories/utility)
4. /
5. bnomei/kirby3-fontselector

ActiveKirby-plugin[Utility & Helpers](/categories/utility)

bnomei/kirby3-fontselector
==========================

Kirby Section to select font family and font weight with two synced fields

5.0.1(7mo ago)1392MITPHPPHP >=8.2CI failing

Since May 19Pushed 7mo ago1 watchersCompare

[ Source](https://github.com/bnomei/kirby3-fontselector)[ Packagist](https://packagist.org/packages/bnomei/kirby3-fontselector)[ RSS](/packages/bnomei-kirby3-fontselector/feed)WikiDiscussions main Synced 3d ago

READMEChangelog (6)Dependencies (7)Versions (7)Used By (0)

Kirby Font Selector
===================

[](#kirby-font-selector)

[![Kirby 5](https://camo.githubusercontent.com/b1a1b2ccd58e96259a9722c2489d91f40378c01b6c4c3e9fd27ed1d12c269d7c/68747470733a2f2f666c61742e62616467656e2e6e65742f62616467652f4b697262792f353f636f6c6f723d454343373438)](https://getkirby.com)[![Release](https://camo.githubusercontent.com/470deb888a37d8b96d05858edb8b32f629bcf856c7f900b9237d0131d6f4c8ad/68747470733a2f2f666c61742e62616467656e2e6e65742f6769746875622f72656c656173652f626e6f6d65692f6b69726279332d666f6e7473656c6563746f723f636f6c6f723d6165383166662669636f6e3d676974687562266c6162656c)](https://camo.githubusercontent.com/470deb888a37d8b96d05858edb8b32f629bcf856c7f900b9237d0131d6f4c8ad/68747470733a2f2f666c61742e62616467656e2e6e65742f6769746875622f72656c656173652f626e6f6d65692f6b69726279332d666f6e7473656c6563746f723f636f6c6f723d6165383166662669636f6e3d676974687562266c6162656c)[![Discord](https://camo.githubusercontent.com/36eaef1b06f4996feb7587aa3281dcbd658e57535bc6b5e10110ed108e7a7a03/68747470733a2f2f666c61742e62616467656e2e6e65742f62616467652f646973636f72642f626e6f6d65693f636f6c6f723d3732383964612669636f6e3d646973636f7264266c6162656c)](https://discordapp.com/users/bnomei)[![Buymecoffee](https://camo.githubusercontent.com/62e55d1129b82bf9c2fd4656451e81ab87a9787e7c9676ca58276532ed9666ee/68747470733a2f2f666c61742e62616467656e2e6e65742f62616467652f69636f6e2f646f6e6174653f69636f6e3d6275796d6561636f6666656526636f6c6f723d464638313346266c6162656c)](https://www.buymeacoffee.com/bnomei)

Kirby Plugin to select font family and font weight with two synced fields

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

[](#installation)

- unzip [master.zip](https://github.com/bnomei/kirby3-fontselector/archive/master.zip) as folder `site/plugins/kirby3-fontselector` or
- `git submodule add https://github.com/bnomei/kirby3-fontselector.git site/plugins/kirby3-fontselector` or
- `composer require bnomei/kirby3-fontselector`

Screenshot
----------

[](#screenshot)

[![fontselector](https://raw.githubusercontent.com/bnomei/kirby3-fontselector/master/screenshot.gif)](https://raw.githubusercontent.com/bnomei/kirby3-fontselector/master/screenshot.gif)

Fonts
-----

[](#fonts)

Set the fonts you want to use with a config value. You could use a custom JSON file or return a php array.

**assets/fonts.json**

```
{
  "fonts": [
    {
      "font": "Merriweather",
      "weight": [
        600,
        700
      ]
    },
    {
      "font": "Montserrat",
      "weight": [
        300,
        400,
        500
      ]
    }
  ]
}
```

```