Font not working in webpage

Back to Forums

Post Closed

bharat koshti

Solved

Font not working in webpage

Question

Hello,

i add font in resources open sans. also deploay action -> deploy to target and in target directory i put \fonts.

below is css which i am using

@font-face {
font-family: 'OpenSans';

 src: url('/fonts/OpenSans-Regular.eot');
 src: url('fonts/OpenSans-Regular.eot?iefix') format('eot'),
     url('fonts/OpenSans-Regular.woff') format('woff'),
     url('fonts/OpenSans-Regular.ttf') format('truetype');
    


    
font-weight: normal;
font-style: normal;
}

but in output my font is not looks like opensans.Plz help me to sort out this issue.

24 Jan 2017

MVP

Solution

What do you mean by not working?

do you get errors in the devtools?

second, I see you set a relative path and a absolute-path, so that is a bit strange.

best way to make sure it's working url('/<espacename>/fonts/....')

24 Jan 2017

1 reply

24 Jan 2017

Show thread

Hide thread

bharat koshti

J. wrote:hello sir,

thanks for ur reply.

i chnage path and its working. thank you.

What do you mean by not working?

do you get errors in the devtools?

second, I see you set a relative path and a absolute-path, so that is a bit strange.

best way to make sure it's working url('/<espacename>/fonts/....')

24 Jan 2017

bharat koshti

hello sir, i am using open sans font in webpage , font is reflecting but it does not match as per my zeplin file. i use same css . but font gets fade in webpage.

below is the css for the file.

font-family: 'Open-Sans';
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 38px;
  text-align: center;
  letter-spacing: normal;
  color: #3a3a3a;

This is the difference from both text.

25 Jan 2017

João Franco

I'm having problems doing this in the mobile/reactive app. This is working properly on Web app, but when I try to do the same the following happens, which is related to the ?#iefix part. I was also trying to create a Library for this but I don't have the Runtime URL available when working on this type of module, which is sad because it would make perfect sense.

Any idea how to overcome this?

20 Mar 2020

Kilian Hekhuis

MVP

Hi João,

Please don't reply to topics that are over three years old, especially when you have a question that's slightly different. Please start a new topic, thanks.

20 Mar 2020