Question about @font-face changing other fonts on site

[RaspberrySunshine]

I just purchased a font for my site and after reading tutorials here was able to install it and have it work on the first try. I was shocked! BUT, after I added the new font where I wanted to in my CSS, my primary menu, post titles and custom menu on my sidebar went from normal to bold.

I've gone through Firebug, but can't seem to find what I did wrong. Can anyone have a look and see what I might have done wrong?

Cindy

http://raspberrysunshine.com

http://raspberrysunshine.com

[AnitaC]

What font face did you just install?

---

Need help with customization or troubleshooting? Reach out to me.

[RaspberrySunshine]

This font: Janda Stylish Script

The below was put into my style sheet:

/* @import must be at top of file, otherwise CSS will not work */

@import url("//hello.myfonts.net/count/298a0e");

@font-face {
font-family: 'JandaStylishScript';
src: url('webfonts/298A0E_0_0.eot');
src: url('webfonts/298A0E_0_0.eot?#iefix')
format('embedded-opentype'),
url('webfonts/298A0E_0_0.woff') format('woff'),
url('webfonts/298A0E_0_0.ttf') format('truetype');
font-weight: normal;
font-style: normal;

I only want the font in a few areas, so I put this in for my sidebar titles:

.theme-aquared .widget-area h4 {
font-family: 'JandaStylishScript', Georgia, Palatino, Times New Roman, serif;

[AnitaC]

Look at your code here - http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fraspberrysunshine.com%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en. You have some errors in your style sheet.

---

Need help with customization or troubleshooting? Reach out to me.

[RaspberrySunshine]

Uh, that would be an understatement! LOL.

Through the link you sent, can I go through each line they show an error and work on it, or is it something far more serious?

[AnitaC]

You can work on them one at a time, but keep in mind, that as you fix something in there - the line numbers may change. FYI - there is no such thing as Float: center. You can only float right or left.

---

Need help with customization or troubleshooting? Reach out to me.

[RaspberrySunshine]

Oy ve! I was looking at the lines of error and am confused as I didn't make most of these changes. My WP and Genesis are up to date, are all these errors in my theme?

[AnitaC]

I see one that you need to fix. You put the code for the font above the theme name. That's incorrect. Bring all that font code down and put it under the line Import Fonts. It's not in the right position.

---

Need help with customization or troubleshooting? Reach out to me.

[AnitaC]

Re-read my message above. I had to fix some typos.

---

Need help with customization or troubleshooting? Reach out to me.

[Author]

Posts