-4

I added custom fonts on my website! Its based on Genesis Framework.More then 15 days web fonts show every where,suddenly fonts missing but i checkout my fonts link and fonts deceleration on CSS its okay!

@font-face { font-family: 'GothamRounded-Bold'; src: url('mountnow.com/wp-content/themes/centric-pro/fonts/GothamRounded-Bold.eot?#iefix') format('embedded-opentype'), url('http://mountnow.com/wp-content/themes/centric-pro/fonts/GothamRounded-Bold.otf') format('opentype'), url('http://mountnow.com/wp-content/themes/centric-pro/fonts/GothamRounded-Bold.woff') format('woff'), url('http://mountnow.com/wp-content/themes/centric-pro/fonts/GothamRounded-Bold.ttf') format('truetype'), url('http://mountnow.com/wp-content/themes/centric-pro/fonts/GothamRounded-Bold.svg#GothamRounded-Bold') format('svg'); font-weight: normal; font-style:normal; }

I don't Know Why its happen?Google Chrome Inspect elements screenshot

15
  • Can you explain in the question how/where you have added fonts to your child theme? – Nathan Powell Apr 6 '16 at 4:26
  • Thanks Nathan! I added fonts on fonts folder and link up it from child themes style.css file. MY web page is mountnow.com – Momin Apr 6 '16 at 4:54
  • Please show this code in the question above. – Nathan Powell Apr 6 '16 at 4:56
  • A note to the wise: own your fonts by license and include any stipulation it requires for use. Font faces are similar to images and can be easily denied with copyright via terms of service at your hosting company. – Nathan Powell Apr 6 '16 at 4:59
  • 1
    I can't help you without seeing code. Code. Put code in question. Edit question, put code. – Nathan Powell Apr 6 '16 at 5:08
0

In /wp-content/themes/centric-pro/style.css, delete line 88 through line 113 this removes all the font-face declarations.

On line 88 paste the following:

@font-face {
  font-family: 'GothamRounded-Bold';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/GothamRounded-Bold.eot') format('embedded-opentype'),
       url('fonts/GothamRounded-Bold.otf') format('opentype'),
       url('fonts/GothamRounded-Bold.woff') format('woff'), 
       url('fonts/GothamRounded-Bold.ttf') format('truetype'), 
       url('fonts/GothamRounded-Bold.svg#GothamRounded-Bold') format('svg');
}

@font-face {
  font-family: 'GothamRounded-Light';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/GothamRounded-Light.eot') format('embedded-opentype'),
       url('fonts/GothamRounded-Light.otf') format('opentype'),
       url('fonts/GothamRounded-Light.woff') format('woff'),
       url('fonts/GothamRounded-Light.ttf')  format('truetype'), 
       url('fonts/GothamRounded-Light.svg#GothamRounded-Light') format('svg');
}

@font-face {
  font-family: 'GothamRounded-Medium';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/GothamRounded-Medium.eot') format('embedded-opentype'), 
       url('fonts/GothamRounded-Medium.otf')  format('opentype'),
       url('fonts/GothamRounded-Medium.woff') format('woff'),
       url('fonts/GothamRounded-Medium.ttf')  format('truetype'),
       url('fonts/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');
}

Treat font-face as case sensitive

In /wp-content/themes/centric-pro/custom.css on line 5 change:

font-family: "Gothamrounded-medium";

to

font-family: "GothamRounded-Medium";
1
  • Okay ! I am going in to change.. – Momin Apr 6 '16 at 11:10

Not the answer you're looking for? Browse other questions tagged or ask your own question.