I use a custom font BabelSans. I downloaded, generated font face through the generator . I connect, the font turned out to be 'bitten'. Some letters do not have a pixel on top, others do not have enough from the bottom. What could be the problem?

*@font-face { font-family: 'BabelSansRegular'; src: url('fonts/babelsans-webfont.eot'); src: url('fonts/babelsans-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/babelsans-webfont.woff') format('woff'), url('fonts/babelsans-webfont.ttf') format('truetype'), url('fonts/babelsans-webfont.svg#BabelSansRegular') format('svg'), url('fonts/babelsans-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }*

ps downloaded several times from different places

    1 answer 1

    And why the font-family: 'BabelSansRegular'; are single quotes here?

     *all { font-family: BabelSansRegular; }
    • 3
      Does it play a role? - JIOnOCTb
    • Quotes are needed in case you have the font name indicated with a space - Yuri