Fela enhancer to render fonts into a separate stylesheet
npm install fela-font-renderer> Deprecated!
The Font Renderer Enhancer (fela-font-renderer) is deprecated, please remove it from your Fela configuration.
Font Renderering was heavily improved within Fela making this package obsolete nowadays. See http://fela.js.org/docs/basics/Renderer.html#renderfont
Allocates all renderFont calls to a separate renderer which renders into a separate mountNode to prevent refetching the @font-face every time.
sh
yarn add fela-font-renderer
`
You may alternatively use npm i --save fela-font-renderer.Usage
$3
##### Options
| Option | Value | Default | Description |
| ------ | --- | ------------ | --- |
|mountNode| (HTMLElement) | | DOM node to render @font-face markup into |
##### Example
###### Client
Using the enhancer for client-side rendering can be achieved by simply passing another
mountNode to the enhancer.
`javascript
import { createRenderer, render } from 'fela'
import fontRenderer from 'fela-font-renderer'const mountNode = document.getElementById('font-stylesheet')
const fontEnhancer = fontRenderer(mountNode)
const renderer = createRenderer({
enhancers: [ fontEnhancer ]
})
`###### Server
To get the static CSS markup for both renderers can be achieved using the
renderer.fontRenderer to generate the @font-face markup.`javascript
import { createRenderer } from 'fela'
import fontRenderer from 'fela-font-renderer'const renderer = createRenderer({
enhancers: [ fontRenderer() ]
})
const CSS = renderer.renderToString()
const fontCSS = renderer.fontRenderer.renderToString()
``