Page 1 of 1

Google font in header.tpl zichtbaar maken in andere browser

Posted: Sat Sep 12, 2015 7:23 pm
by Opencartleerling
Wellicht is het een stomme vraag, maar ik ik ben nog steeds vrij nieuw met opencart en heb het antwoord niet kunnen vinden.

Is het mogelijk om een google font uit mijn header.tpl ook zichtbaar te maken in een andere browser dan chrome?

Op https://www.google.com/fonts kan je google fonts downloaden.

Onderstaande font heb ik toegevoegd aan header.tpl
<link href='https://fonts.googleapis.com/css?family ... s+Daughter' rel='stylesheet' type='text/css'>

Vervolgens wil ik deze font gebruiken in de bovenste balk
<li><span style="color:#ffffff; font-family:'Architects Daughter', cursive,; font-size:110%; font-weight: bold;">GRATIS VERZENDING . 14 DAGEN BEDENKTIJD . MINIMALE AFNAME &euro;45,-</li>

Nu werkt dit prima in google chrome, maar niet in andere browsers. is dit simpelweg niet mogelijk, of moet ik de font elders ook toevoegen in de stylesheet ofzo?

Zie http://www.sieradendirect.nl, ik gebruik oc 2.0.2.0

Re: Google font in header.tpl zichtbaar maken in andere brow

Posted: Fri Oct 02, 2015 7:35 pm
by tverheijen
Altijd @import gebruiken in je stylesheet, bijvoorbeeld op regel 1

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


verder waar je de font wil gebruiken "font-family: 'Open Sans', sans-serif;" opnemen in je stylesheet.

succes,

./Thomas