threepointone/glamor

Font Face Multiple Font Support

adamsoffer opened this issue · 1 comments

Is it possible to include multiple fonts using font-face? Here's how I declare my font using font-face:

import { css } from 'glamor'

css.global('@font-face', {
  fontFamily: 'Univers',
  fontStyle: 'italic',
  fontWeight: '200',
  src: `url('...'),
})

Seems I can only include one font.

I believe that's just how @font-face works, you get one font per declaration (although you can specify multiple sources if you have various file formats). You can always just call css.global multiple times to add multiple @font-face declarations. I've done that in the past and had no problem.