### Custom Font Size

Font Size enables inline customization of the font size

#### Usage

Adding the font size dropdown component is as simple as adding a button to the new formatting toolbar, however its not added by default. <br>
To add the button pass `FORMATTING_BUTTONS.FONT_SIZE` to the array of desktop buttons, note that its only available on desktop.

##### Editor

```tsx widget
import { FORMATTING_BUTTONS, fromPlainText, RicosEditor, ToolbarType } from '@wix/ricos';
import React from 'react';

export default () => {
  return (
    // @essential-start
    <RicosEditor
      content={fromPlainText('Highlight anywhere in the text and set the font size !')}
      placeholder={'Type here!'}
      toolbarSettings={{
        getToolbarSettings: ({ textButtons }) =>
          textButtons
            ? [
                {
                  name: ToolbarType.INLINE,
                  getButtons: () => ({
                    desktop: [FORMATTING_BUTTONS.FONT_SIZE],
                    mobile: {
                      ios: [
                        FORMATTING_BUTTONS.HEADINGS,
                        '|',
                        ...textButtons.mobile.filter(b => b !== FORMATTING_BUTTONS.TITLE),
                      ],
                      android: [
                        FORMATTING_BUTTONS.HEADINGS,
                        '|',
                        ...textButtons.mobile.filter(b => b !== FORMATTING_BUTTONS.TITLE),
                      ],
                    },
                  }),
                },
                {
                  name: ToolbarType.FORMATTING,
                  getButtons: () => ({
                    desktop: [FORMATTING_BUTTONS.FONT_SIZE],
                    mobile: {
                      ios: [
                        FORMATTING_BUTTONS.HEADINGS,
                        '|',
                        ...textButtons.mobile.filter(b => b !== FORMATTING_BUTTONS.TITLE),
                      ],
                      android: [
                        FORMATTING_BUTTONS.HEADINGS,
                        '|',
                        ...textButtons.mobile.filter(b => b !== FORMATTING_BUTTONS.TITLE),
                      ],
                    },
                  }),
                },
              ]
            : [],
      }}
    />
    // @essential-end
  );
};
```
