Alexander Preyer

CSS 3 validation errors when using Google fonts

11 posts in this topic

I'm developing my new photograph homepage with this really great template.

Also I'm using Google fonts. When I validate my page I get CSS errors (8 times):

Value Error : font-style regular is not a font-style value : regular

To get not a ranking penalty by Google I want to keep the site css errors free.

How can I get rid of these errors?

Share this post


Link to post
Share on other sites

font-style: normal is correct, regular is not true.

But when I look at the generated source of the page there are regular font-styles (see below).

In the template settings also regular is choosen for each font. My test website: http://preyer2013.preyer.net


</script>

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Merienda:regular&subset=latin-ext" />

<style type="text/css">
/*dynamic css*/
body#bd,
div.logo-text h1 a,
div.ja-moduletable h3, div.moduletable h3,
div.ja-module h3, div.module h3,
h1.componentheading, .componentheading,
.contentheading,
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6
{font-family: 'Merienda';font-style:regular;}
div.logo-text h1, div.logo-text h1 a
{font-family: 'Merienda';font-style:regular;}
p.site-slogan
{font-family: 'Merienda';font-style:regular;}
#ja-splitmenu,
#jasdl-mainnav,
#ja-cssmenu li,
#ja-megamenu ul.level0
{font-family: 'Merienda';font-style:regular;}
#ja-subnav,
#jasdl-subnav,
#ja-cssmenu li li,
#ja-megamenu ul.level1
{font-family: 'Merienda';font-style:regular;}
h1.componentheading, .componentheading
{font-family: 'Merienda';font-style:regular;}

Share this post


Link to post
Share on other sites

Ah, ok. But I tried this before. I cannot select normal in the template settings (see attached screenshot). Also wenn I try a font which has styles like 400 normal, in the dropdown box I got only 400 to select. And even this is blaimed as wrong.

post-169979-0-77990200-1358585604_thumb.

Share this post


Link to post
Share on other sites

I can't login, please check again, and send your infomation account to email: templates@bowthemes.com

What do you want to change about your font, is it too big? bold? or what size do you want? because: your menu titles default style is normal.

(and assign this topic in email)

Share this post


Link to post
Share on other sites

What do you want to change about your font, is it too big? bold? or what size do you want? because: your menu titles default style is normal.

The only problem is that a css validation always brings errors about the font-style. When I look at the source now I see a double declaration of the font-style:


/*dynamic css*/
body#bd,
div.logo-text h1 a,
div.ja-moduletable h3, div.moduletable h3,
div.ja-module h3, div.module h3,
h1.componentheading, .componentheading,
.contentheading,
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6
{font-family: 'Merienda';font-style:regular;font-style:normal;}
div.logo-text h1, div.logo-text h1 a
{font-family: 'Merienda';font-style:regular;font-style:normal;}
p.site-slogan
{font-family: 'Merienda';font-style:regular;font-style:normal;}
#ja-splitmenu,
#jasdl-mainnav,
#ja-cssmenu li,
#ja-megamenu ul.level0
{font-family: 'Merienda';font-style:regular;font-style:normal;
font-weight:200;}
#ja-subnav,
#jasdl-subnav,
#ja-cssmenu li li,
#ja-megamenu ul.level1
{font-family: 'Merienda';font-style:regular;font-style:normal;
font-weight:200;}
h1.componentheading, .componentheading
{font-family: 'Merienda';font-style:regular;font-style:normal;}
.contentheading,
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6
{font-family: 'Merienda';font-style:regular;font-style:normal; }

Share this post


Link to post
Share on other sites