Search code examples
cssfontsgoogle-font-api

google font doesn't work


I am trying to add a google font as per instructions, and it works in testing files, but fails to load on a production site.

http://www.bleskuborka.ru/services/

The headings УБОРКА ОФИСА, УБОРКА КВАРТИРЫ etc. are supposed to be rendered with Roboto Condensed.

<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed&amp;subset=latin,cyrillic" rel="stylesheet" type="text/css">

The font is linked to page. The font-family is specified:

.serv-heading {
font-family: 'Roboto-Condensed', sans-serif;
text-transform: uppercase;
font-size: 30px;
line-height: 1.2em;
}

Still, something is missing.

I first thought that this might be due to the cyrillic characters but I tried renaming the headings into English, and it didn't work out.

Please help!


Solution

  • It should be Roboto Condensed. With space instead of dash.

    .serv-heading {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 1.2em;
    }