Component

Lato font

The downloaded Lato 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--lato--black-italic
  - compony/font--lato--black
  - compony/font--lato--bold-italic
  - compony/font--lato--bold
  - compony/font--lato--hairline
  - compony/font--lato--hairline-italic
  - compony/font--lato--italic
  - compony/font--lato--light-italic
  - compony/font--lato--light
  - compony/font--lato--regular

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

 

2) Use it in your CSS as follows:

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

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

font--lato
Responsive
Accessible
CSS
6 downloads
horizontal beam No open issue

comments

No comments yet