Forum Discussion

Indra_Optus's avatar
Indra_Optus
Guide
13 years ago

Custom Font ?

Is it possible to have custom font in Lithium (either buy adding it to Lithium or sourcing it using external URL)? Our company use custom font and would like to use it in Lithium page.   We have S...
JasonL's avatar
JasonL
Lithium Alumni (Retired)
11 years ago

Hi Inactive User 

tried it out, this should work:

@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  src: url('http://themes.googleusercontent.com/static/fonts/bitter/v5/evC1haE-MsorTl_A7_uSGbO3LdcAZYWl9Si6vvxL-qU.woff') format('woff');
}
.bitter { font-family: 'Bitter', Arial, serif; }

believe it's missing the quote for the url (+ .bitter font-family quote ' doesn't seem correct - had to re-type the ' to fix)

Inactive User's avatar
Inactive User
11 years ago
Ah yes! The quote marks around 'Bitter' were inverted commas instead of single straight quotes. What a strange problem to encounter -- my text editor doesn't change the quotemarks, so I'm not sure where it came from. Hmm! Thanks for spotting that, JasonL