❤
npm
Sign UpSign In

grunt-typopro

1.0.1 • Public • Published

grunt-typopro

Grunt Task for Installing TypoPRO Fonts

Getting Started

This plugin requires Grunt ~0.4.0

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install grunt-typopro --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks("grunt-typopro");

Task Options

  • directory (default .): The directory where to store the resulting files.

  • mergecss (default false): Whether to merge all TypoPRO-*-*.css files into a single TypoPRO.css.

  • blurb (default true): Whether to keep the TypoPRO-*-*.txt "blurb" files. They provide meta-information about the font plus license details.

  • fonts (default []): The names of the font families to install. At least one has to be given. The available font families are: LatinModern, Noto, ComicNeue, KomikaHand, Overlock, AndikaNewBasic, KomikaText, Pacifico, Rosario, AnonymousPro, Coustard, Graziano, LearningCurve, VeteranTypewriter, Journal, SourceSerifPro, IndieFlower, Yellowtail, Andada, Milonga, HHSamuel, SourceSansPro, PTSans, Poly, Oswald, Lora, LibreBaskerville, GrandHotel, Monoid, BukhariScript, Signika, ComingSoon, BebasNeue, Quicksand, Merriweather, CraftyGirls, Lekton, Raleway, Cousine, GreatVibes, OpenSans, Dosis, Pompiere, SinkinSans, Domine, AmaticSC, Mplus, Amble, Inconsolata, Comme, Rubik, OstrichSans, Cabin, Muli, Gentium, LifeSavers, Aileron, Montserrat, Slabo, Neuton, FiraMono, NautilusPompilius, Titillium, FantasqueSansMono, EkMukta, TeXGyre, CourierPrime, Roboto, Ubuntu, Gidole, Handlee, LobsterTwo, PlayfairDisplay, KaushanScript, PatuaOne, Aleo, DejaVu, Nickainley, PermanentMarker, Crimson, Droid, Cookie, BreeSerif, Delius, FiraSans, WeblySleek, ShadowsIntoLightTwo, Liberation, SourceCodePro, ClearSans, Quando, Cuprum, Chawp, CharisSIL, Bitter, LeagueGothic, Kalam, Kreon, Bellota, Junction, EncodeSans, Damion, YanoneKaffeesatz, Quattrocento, TopSecret, Courgette, SansitaOne, Hack, CooperHewitt, Satisfy, WorkSans, OfficeCodePro, EBGaramond, ComicRelief, Poetsen, Lato, Alegreya, Vollkorn, LibreCaslon, PTMono, PTSerif, KingthingsPetrock, Vegur, RockSalt, Asap, CreteRound, Oxygen, DancingScript, ToBeContinued.

Task Calling

Run this task with the grunt typopro command.

Task targets, files and options may be specified according to the Grunt Configuring tasks guide.

Usage Example

Assuming we have the following environment:

  • Gruntfile.js:
// [...]
grunt.initConfig({
    typopro: {
        options: {
            directory: "lib/typopro",
            mergecss: true,
            fonts: [ "Aleo", "GreatVibes", "TopSecret" ]
        }
    },
});
// [...]
  • index.html:
<!DOCTYPE html>
<html>
    <head>
        <link href="lib/typopro/TypoPRO.css" rel="stylesheet" type="text/css"/>
        <style type="text/css">
            body {
                font-family: "TypoPRO Aleo";
                font-size:   20pt;
                margin:      20px;
            }
            .tag {
                font-family: "TypoPRO Great Vibes";
                font-size:   40pt;
            }
            .draft {
                font-family: "TypoPRO Top Secret";
                font-size:   60pt;
                position:    absolute;
                top:         120px;
                right:       100px;
                transform:   rotate(-10deg);
                color:       #ff0000;
                opacity:     0.5;
            }
        </style> 
    </head>
    <body>
        <div class="draft">{Draft}</div>
        Penultimate: The Quick Brown Fox Jumps Over The Lazy Dog<br/>
        <b>Penultimate: The Quick Brown Fox Jumps Over The Lazy Dog</b><br/>
        <i>Penultimate: The Quick Brown Fox Jumps Over The Lazy Dog</i><br/>
        <b><i>Penultimate: The Quick Brown Fox Jumps Over The Lazy Dog</i></b><br/>
        <p/>
        <div class="tag">Lovely Fonts!</div>
    </body>
</html>

Then running grunt typopro installs into lib/ all files neccessary to use the TypoPRO font families Aleo, Great Vibes and Top Secret from within index.html.

License

Copyright (c) 2014-2020 Dr. Ralf S. Engelschall (http://engelschall.com/)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Readme

Keywords

Package Sidebar

Install

npm i grunt-typopro

Repository

github.com/rse/grunt-typopro

Homepage

github.com/rse/grunt-typopro

Weekly Downloads

0

Version

1.0.1

License

MIT

Unpacked Size

18.2 kB

Total Files

11

Last publish

Collaborators

  • rse
Try on RunKit
Report malware