Font-changing code not working
I’m using the theme “Under the Influence” and yesterday I updated to Firefox 4.0.1. I can’t assure if when I updated the browser things were already like this, but I did notice the following things today: my home page and almost all of my other pages where I had customized the font to Lucida Sans Unicode are in the theme’s font. On the other hand, in IE, the font stays customized.
However, I also noticed some of my blog’s pages stood customized… This was intriguing, so I tried to test out my home page code to try to find out something conflicting in the code, as I believe the code for font customization I have isn’t wrong if it was working properly before.
I did find out that using the span tag containing a paragraph tag, the font is displayed in the theme’s one. If not, it displays correctly in the customized font. You can see it here, the first text and the second (copy), respectively.
I wonder if it’s the theme’s code, I know Under the Influence is a bit picky (as in the image resize), but I’m really clueless of where the problem lies in. If you would please help me sorting this out.
The blog I need help with is sugardrops.wordpress.com.
a) I don’t see why you want to change the font to Lucida Sans Unicode: the default of the theme is Lucida Grande, which is the same thing. The difference between your two test paragraphs is the size, not the font.
b) Your HTML isn’t working correctly because you’re misusing the span tag. Span is for characters, words or phrases inside a paragraph. When you want to change the whole paragraph, you use the p tag instead, for example:
<p style="text-align:justify;font-family:Lucida Sans Unicode, Lucida Grande;font-size:90%;">COMPLETE PARAGRAPH HERE</p>
(Font-size is best expressed in percentages, not px units.)
And if you want to change the whole post or page, you don’t even do that, you do this:
<div style="text-align:justify;font-family:Lucida Sans Unicode, Lucida Grande;font-size:90%;"> COMPLETE CONTENT HERE </div>
So sorry about that, you’re absolutely right. I just remembered that a long time ago I was trying to solve the b) – paragraph by paragraph – and somehow ended up with the idea of putting the span tags outside it. As it seemed to work, I assumed it was right…wrong! I guess I shouldn’t have skip to the bottom and read the top of this post ;)
Thank you so much!
The topic ‘Font-changing code not working’ is closed to new replies.