omf

ovh-manager-font

Managers font style

Showing:

Popularity

Downloads/wk

5

Maintenance

No Maintenance Data Available

Package

Dependencies

0

License

Type Definitions

Tree-Shakeable

No?

Categories

Readme

OVH font

OVH component deprecated

deprecated

To use please import less you want to use on app.less

You can see every available icons in dist/ovh-font.html.

Example

  • Basic Usage
    <i class="ovh-font ovh-font-caddy"></i>
  • Available size (0.6em, 0.8em, 1.2em, 1.4em, 1.6em, 1.8em, 2em)
    <i class="ovh-font ovh-font-caddy ovh-font-1x8"></i>
    <i class="ovh-font ovh-font-modem ovh-font-2x"></i>

Installation

Bower

bower install ovh-manager-webfont --save

NPM

npm install ovh-manager-webfont --save

Get the sources

    git clone https://github.com/ovh-ux/ovh-manager-webfont.git
    cd ovh-manager-webfont
    npm install && bower install

and include it

@import 'ovh-manager-webfont/dist/less/ovh-font.less';
@ovh-font-path: '../bower_components/ovh-font/dist/fonts';

You've developed a new cool feature? Fixed an annoying bug? We'd be happy to hear from you!

Have a look in CONTRIBUTING.md

Run the tests

npm test

Rules to create your own SVG

There are a few rules to follow in order for the rendering machine to not break your brand new SVG icon:

  • 80*80px.
  • No stroke, only fill. Only use filled figure, no paths with stroke.
  • No overlapping paths, they should not even touch, use pathfinding if needed.
  • Keep the number of points to a minimum. They tend to increase the file complexity and inhibit a good font conversion.
  • Close your paths.

Build

npm install # just required the first time
make build

Related links

License

See https://github.com/ovh-ux/ovh-manager-webfont/blob/master/LICENSE

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100