Without seeing it, I would guess that your theme calls for a special treatment of first paragraphs (which is a common technique for drawing a reader into a post/article). If, for example, it specified an italic or bold font that isn’t included in the custom Google font, it would fall back to what comes next in the style sheet.
Chrome and “inspect element” is your friend.
Check the “computed styles” – it will tell you what the font is and where it is being set (file and line number)
Hi Whitsey,
Thank you for the reply.
This is what I found following your instructions but not sure what to do next?
Should the plugin not change the font of everything I write automatically?
font-family:”Indie Flower”, arial, sans-serif;
Indie Flower is the font I chose and Arial is the unwanted one of every first paragraph of every post.
Hi Bill,
Is there any way I can deactivate this special treatment?
Hi whitsey,
Thank you for your tips. I followed what you said and this is what I found:
font-family:”Indie Flower”, arial, sans-serif;
Indie Flower is the font I want and Arial is the one that comes up in every first paragraph.
What can I do now? Should the widget not change everything automatically to Indie Flower?
It seems that font has only one style available, so as I mentioned, Arial will step in where it must.
What is your theme, and may we have a link to your site?
I would suggest that there is another tag somewhere that is overriding your font. If you have specified the font-family and the font actually exists (NOTE: check the second paragraph and make sure the font name is spelt exactly the same) then the problem wont be with italics or bold etc. The font will only ever fall back to Arial if the font does not exist (regardless of the text-decoration or font-weight) – if you specify bold and the bold type doesn’t exist, it will fall back to “normal” of the Indie Flower font – it will never assume another font.
Therefore, my assumption (without being able to see the site) is that the first paragraph has additional inner tags (e.g. <p> or <span> or ) that are overriding the tag where the Indie Flower font is set.
@girasoldiverdi – Shannon may very well be right about that additional tag. If you link to your site, we’d be far better able to help you zero in on this.
@shannon – You may also be right about the fallback issue as well. That isn’t how I read this, but I’ve been wrong plenty of times before:
If there is a matching font face, but it doesn’t contain glyph(s) for the current character(s), and if there is a next alternative ‘font-family’ in the font sets, then repeat from step 2 with the next alternative ‘font-family’.
from 4.0.7: http://www.w3.org/TR/2002/WD-css3-webfonts-20020802/#algorithm
@bill – I am not basing my comments on documnetation so I can’t be 100% sure, but my experience has just come through trial and error so I wont provide a “guarantee”…
@shannon – Personal experience is more valuable than a link. 🙂
Sorry everyone! I’ve been SO busy these days.
BILL: I’m using Open Sans with the plugin Google Font Control Panel.
SHANNON: I had a look at the posts at there is something with <p> but this is all new to me. Don’t know anything about it. What do I need to change?
If you have a look at my blog you’ll see that it’s all in the same font, this is because I went down a few lines to “kill” the first paragraph that always comes up in a different font.
Here it is: http://www.countryellie.com
Thank you both for your help. 😉
Without seeing the problem it’s difficult to diagnose
I’ll change it back then. 😉
2 minutes
Changed it. Now you’ll see what I’m talking about. 😉
Ok, what am I looking at – there’s only 2 paragraphs on the page and they’re both the same.
