Component

Montserrat font

The downloaded Montserrat fonts with matching @font-face declarations in CSS.

Each font-family has a library-definition, so you can control which variations to include in your theme.

1) Add the libraries that you want to use in your theme's compony.info.yml file:

libraries:
  - compony/global
  - compony/font--montserrat--black-italic
  - compony/font--montserrat--black
  - compony/font--montserrat--bold-italic
  - compony/font--montserrat--bold
  - compony/font--montserrat--extra-bold-italic
  - compony/font--montserrat--extra-bold
  - compony/font--montserrat--extra-light-italic
  - compony/font--montserrat--extra-light
  - compony/font--montserrat--italic
  - compony/font--montserrat--light-italic
  - compony/font--montserrat--medium-italic
  - compony/font--montserrat--medium
  - compony/font--montserrat--regular
  - compony/font--montserrat--semi-bold-italic
  - compony/font--montserrat--semi-bold
  - compony/font--montserrat--thin-italic
  - compony/font--montserrat--thin

(Only include the library definitions of the fonts that you need)

 

2) Use it in your CSS as follows:

font-family: 'montserrat--black-italic';

All the fonts are named using the BEM-naming structure.

font--montserrat
Responsive
Accessible
CSS
5 downloads
horizontal beam No open issue

comments

No comments yet