Have ideas to improve npm?Join in the discussion! »

    @superflycss/utilities-fonts

    4.0.4 • Public • Published

    Font utilities

    Installation

    npm i @superflycss/utilities-fonts
    

    Usage

    The root package contains all Google Fonts Utilities. That means all the fonts and all the supporting weights..

    Load all fonts utilities like this:

    @import '@superflycss/utilities-fonts';
    ...
    
    Or load them by idividual sub packages.  For example:
    
    ``` css
    @import '@superflycss/utilities-fonts/lato';
    ...

    To use the lato font at normal weight apply the utility like this:

    <h1 class="u-font-lato-400">A Font Lato Heading Normal Font Weight (400)</h1>

    To use the italic lato font at normal weight apply the utility like this:

    <h1 class="u-font-lato-400-italic">A Font Lato Heading Normal Font Weight (400)</h1>

    Now run the build with sfc build and postcss font-magician will create the font face rules in the target build file.

    Have a look here for all the font face rules the build generates.

    Dependency Install

    This will install all dependencies including the SuperflyCSS CLI.

    npm run i
    

    Clone

    git clone git@github.com:superflycss/utilities-fonts.git
    

    Build

    npm run pub
    

    Publish

    npm run pub
    

    Related Articles

    Snippets

    This snippet contains @import statements for all the font utility pakcage. This enables developers to quickly add imports for the fonts of their choosing.

    Install

    npm i @superflycss/utilities-fonts

    DownloadsWeekly Downloads

    6

    Version

    4.0.4

    License

    MIT

    Unpacked Size

    838 kB

    Total Files

    1027

    Last publish

    Collaborators

    • avatar