Skip to content
This repository has been archived by the owner on Apr 3, 2023. It is now read-only.
/ ovh-manager-webfont Public archive

[DEPRECATED] — Webfont use in legacy control panel

License

Notifications You must be signed in to change notification settings

ovh-ux/ovh-manager-webfont

Repository files navigation

OVH font

OVH component deprecated

deprecated

NPM

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