italic text in Dreamweaver also bold - want only italic

Report · Apr 21, 2017

I tried lower case "I" tags around text, tried "em" tags around text, in both cases text was bold as well as italic.

Also tried using CSS and getting the same result. Thanks for your help

Report · Apr 21, 2017

What is going on in your CSS and HTML code?

Browser defaults:

<em> = italic

<strong> = bold

Nancy

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Apr 21, 2017

I did try an

Report · Apr 21, 2017

Forum wasn't working but this was my post:

I did try an <em> tag around by text but it made it bold as well as italic.

Also tried to use CSS and I am getting the same result:

}

.italictext {

font-style: italic;

}

Since found the answer - had to add italic versions to webfonts:

Report · Apr 21, 2017

Check your css file, if you have applied bold in your css, then any attempt to just make the text italic and normal will not work, unless you apply a specific rule just for that text.

Report · Apr 21, 2017

Forum cut off my answer. Can’t reply online. Did find answer.

Judy Mueller // Graphic Designer

[Moderator removed personal info from email signature.]

Report · Apr 21, 2017

<i> and <em> do not make text bold by default in any browser or in DW's Design or Live Views.

If they are turning bold on you, and those are the only tags you're adding (you aren't trying to add <em> within <h1> tags to get rid of the default bold for example) it would mean there's something either in your <style> tag in the <head> of the page, or in an external .css file that is adding bold to those tags (possibly even a javascript doing it, but that's less likely).

Look for something like this...

i {

font-weight:bold;

}

...or...

em {

font-weight:bold;

}

...inside your <style></style> tagset or in your external .css files and remove the font-weight attribute/value set from the selectors.

If you are adding italic to something that has a default bold value, like an <h1> tag, you'd have to remove the bold by using font-weight:normal on the default bold tag's css. Something like this would do the trick...

h1 {

font-weight:normal;

}

Report · Apr 21, 2017

Thanks folks - Jon I didn't see your post until after I posted most recently.

Forum was not working for me. Solution in last post. Thanks again all.

italic text in Dreamweaver also bold - want only italic

1 Correct answer

Photos