|
I need some help with embedding Google fonts on my site. I uderstand there are 2 parts:
1. changing the screen.css file (location:catalog/view/theme/shoppica/stylesheet/screen.css) > this is no problem.
2. adding the “stylesheet link to your HTML document that will then refer to the font in a CSS style” doesn’t work. If I ad this in the header.tpl (location: catalog/view/theme/shoppica/template/common/header.tpl) file it messes up my template.
Where do I add the this “stylesheet link?
|
|
|
Hi,
The header.tpl is exactly the place where the font initialization should be added.
You can give us your website to have a look, if the problem is still valid.
Best,
ThemeBurn team
|
|
|
Hiya, I it should look something like this…
Here’s a snippet from my header.tpl file, about 20 rows from top or so:
<?php foreach ($links as $link): ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php endforeach; ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/shoppica/stylesheet/960.css" media="all" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/shoppica/stylesheet/screen.css?v=1.0.11" media="screen" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Didact+Gothic:regular" media="screen">
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/shoppica/stylesheet/ie.css?v=1.0.11" media="screen" />
<![endif]-->
….but I still haven’t gotten mine to actually show the font. Any ideas?
Edit:
So this shows as proper HTML in the browser and all, but the font face just didn’t change. I tried tracking it with Chrome’s element inspector, but didn’t really get it sorted.
So – Ideas welcome 
-
This reply was modified 4425 days ago by
 norskuli.
|
|
|
Hi,
We will need your website address.
You can use hidepost to share private information with the support staff.
Best,
ThemeBurn team
|
|
|
Hi TB,
I just fixed it, thank for the quick reply anyway.
@norskulli, this is what I changed/added in my header.tpl (at line 25):
link rel=”stylesheet” type=”text/css” href=”fonts.googleapis.com/css?family=Droid+Sans” />
If you just copy+paste the code from Google it messes it up. Now only change the category and others to match.
regards,
albino_nl
-
This reply was modified 4424 days ago by
 albino-nl.
|
|
