Function fontFace

  • CSS mixin for defining a @font-face rule.

    Example

    fontFace('Roboto', require('fonts/Roboto.ttf')) // Returns...
    
    [at]font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    }

    Parameters

    • family: string

      Font family.

    • src: string

      File path, the format is automatically inferred.

    • Optional weight: FontWeight

      Font weight, automatically inferred if unspecified.

    • Optional style: FontStyle

      Font style, automatically inferred if unspecified.

    • Optional display: FontDisplay

      Font display, automatically inferred if unspecified.

    Returns string

    Generated CSS rules.