Hi,

      I am using imported fonts in my web application it is working in google chrome. But the imported font is not applied in internet browser and firefox. How to resolve it.

In Internet explorer

Hey Hemamalini Vijayan,

Can you please share the CSS that you are using?

Craig St.Jean wrote:

Hey Hemamalini Vijayan,

Can you please share the CSS that you are using?

Thank you for your reply Craig St.Jean,

I used the CSS given below.

SyntaxEditor Code Snippet

@font-face {
font-family: 'NotoSans';
src: url('NotoSans.ttf');
}
.title{
    font-family: 'NotoSans';
    font-weight: normal;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

It looks like Internet Explorer 9+ only supports TTF fonts in CSS "when set to be installable" - not quite sure what that means though.  Firefox has supported TTF fonts since 3.5

Out of curiosity, can you test if the Google Fonts version of Noto Sans works on your machine?  Add this to your CSS:

@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

And reference it like this:

font-family: 'Noto Sans', sans-serif;