Set of official fonts of companies in SCSS.
npm i --save-dev official-fontface
yarn add --dev official-fontface
What does it do?
The package provides only
@font-face attribute. To use the desired font, you need to register its name in the
font-family attribute of your CSS files.
Below is an example of how this can be done.
The package contains official fonts of companies:
And see test.html as example.
You can use all fonts:
Or you can use certain fonts pack in your application:
Or connect a specific font. For example:
Copy the folders
dist/fonts to root dir of your project and connect them:
<!-- ... -->
Also, you can use certain fonts pack in your application:
<!-- ... -->
You can easily add any official dealer fonts by following the steps.
For example, add fonts
src/fontsand storing files:
src/fonts/honda/AvenirNext-Light/ AvenirNext-Light.eot AvenirNext-Light.svg AvenirNext-Light.ttf AvenirNext-Light.woff AvenirNext-Light.woff2 src/fonts/honda/AvenirNext-Regular/ AvenirNext-Regular.eot AvenirNext-Regular.svg AvenirNext-Regular.ttf AvenirNext-Regular.woff AvenirNext-Regular.woff2
src/scss/companies, as well as a directory named
- In the folder
src/scss/honda, create style files for each font, named files in
- Next, fill the files with styles. For example:
- After that, add links to these files in
- Add the file import to the main stylesheet
- Finally, add a link to the file in the webpack settings:
Or, simply by creating a issue and attaching the font files (or, at least, the name of the font and the company that uses it) to it.
This package is released under the MIT License.