css - @font-face strange behaviour in Firefox and Chrome -


I have a strange problem with the @ font-face in Firefox and Chrome. It appears that the font is right on the index page A page is displayed in a manner and directly linked to the index page. However, as soon as I go to the page from the index page and then click on a link in that page, the font breaks in the new page.

If it is a bit difficult to follow, then the site shows the font on the home page. OK if I click on the wedding bar on the menu bar, the font is also fine on that page. However, if I go to the 'Common Questions' page from the wedding page then the font breaks down.

I do not understand why this is happening because I have examined all the code and it is similar in all pages, any idea why it only affects some pages?

It looks like my @ font-face code: 

  @ font-face {font-family: 'elron'; Src: url ('http://www.sungblue.com/fonts/Elron/elronmonospace-webfont.eot'); / * IE9 compat modes * / src: url ('http://www.sungblue.com/fonts/Elron/elronmonospace-webfont.eot?#iefix') format ('embedded-opentype'), / * IE6-IE8 * / Url ('http://www.sungblue.com/fonts/Elron/elronmonospace-webfont.woff') format ('woff'), / * modern browsers * / url ('http: //www.sungbluecom / Fonts / Elron / elronmonospace-webfont.ttf ') format (' truetype '), / * Safari, Android, iOS * / url (' http://www.sungblue.com/fonts/Elron/elronmonospace-webfont Svg # Svgelron ') format (' SVG '); / * Heritage IOS / /

Any suggestions you have are very welcome Thanks

Donation

Your URL is URL when you are on a home page or directly under it: 

  Http://www.sungblue.com/weddings.html

Where common questions are, the URL is without : 

  http://sungblue.com/weddingfaq.html

www.sungblue and sungblue Using either the link .htaccess or the internal redirection If you use the following link, FAQ page works : 

  http: //www.sungblue.com/weddingfaq.html

Comments

Post a Comment