AbanteCart Community

Shopping Cart Operations => Support => Template Support => Topic started by: kelbel3abh on October 20, 2014, 12:16:39 AM

Title: @ Font Face
Post by: kelbel3abh on October 20, 2014, 12:16:39 AM

Hi, I linked a font via my template CSS page, but it isnt showing the font on the homepage.  It is showing on all the other pages, so I am wondering what I am doing wrong.  Thanks!  I have the following CSS in /storefront/view/default_html5/stylesheet/style.css:

@font-face {
    font-family: 'amatic_scregular';
    src: url("../font/amaticsc-regular-webfont.eot");
    src: url("../font/amaticsc-regular-webfont.eot?#iefix") format("embedded-opentype"),
         url("../font/amaticsc-regular-webfont.woff") format("woff"),
         url("../font/amaticsc-regular-webfont.ttf") format("truetype"),
         url("../font/amaticsc-regular-webfont.svg#amatic_scregular") format("svg");
    font-weight: normal;
    font-style: normal;

}

Title: Re: @ Font Face
Post by: abantecart on October 20, 2014, 01:30:07 PM

Browser cache?

Title: Re: @ Font Face
Post by: kelbel3abh on October 20, 2014, 02:43:34 PM

Hi!  No, I cleared the cache in abantecart and my browser cache.  It is strange because it is only the homepage that has the wrong font.  If I go to the other pages, it is fine.  And, once I go to a product page, the font shows correctly and when I go BACK to the homepage from a product page, it shows correctly.  Does this make sense?

Title: Re: @ Font Face
Post by: Basara on October 21, 2014, 04:32:33 AM

Put font-face to the top
http://stackoverflow.com/questions/12376639/where-to-put-font-face-in-css

Title: Re: @ Font Face
Post by: kelbel3abh on November 14, 2014, 09:41:16 PM

I am still having trouble with this.  I wonder if moving where the actual font is in my file manager will do anything.  Anyone used a custom font?