Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/south-paw/typeface-vag-rounded
VAG Rounded typeface
https://github.com/south-paw/typeface-vag-rounded
font font-family typeface typography vag-rounded
Last synced: about 2 months ago
JSON representation
VAG Rounded typeface
- Host: GitHub
- URL: https://github.com/south-paw/typeface-vag-rounded
- Owner: South-Paw
- License: mit
- Created: 2019-10-05T09:27:05.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-10-05T11:03:52.000Z (over 5 years ago)
- Last Synced: 2024-11-20T05:42:20.523Z (3 months ago)
- Topics: font, font-family, typeface, typography, vag-rounded
- Language: CSS
- Homepage:
- Size: 118 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# typeface-vag-rounded
The CSS and web font files for the VAG Rounded typeface
## Install
`npm install --save @south-paw/typeface-vag-rounded`
or
`yarn add @south-paw/typeface-vag-rounded`
## Use
This project assumes that you're using webpack to process CSS and files.
The package includes the necessary font files (woff2, woff) and a CSS file with font-face declarations pointing at these files.
You will need to have webpack setup to load css and font files.
Many tools built with Webpack will work out of the box with this package such as [Gatsby](https://github.com/gatsbyjs/gatsby) and [Create React App](https://github.com/facebook/create-react-app).
To use, simply require the package in your project's entry file:
```js
// Load VAG Rounded typeface
require("@south-paw/typeface-vag-rounded");
```and then apply the font family via CSS:
```css
body {
font-family: "VAGRounded";
}
```Package includes `100`, `400`, `700`, `900` font weights.
## Source
Package is inspired by the [typefaces project](https://github.com/KyleAMathews/typefaces).