Skip to main content
Inspiring
April 21, 2017
Answered

italic text in Dreamweaver also bold - want only italic

  • April 21, 2017
  • 3 replies
  • 5204 views

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

    This topic has been closed for replies.
    Correct answer judeez7!

    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;

    }

    <span class="italictext">your text here</span>

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

    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300,300italic,600,600italic,700,700italic" rel="stylesheet" type="text/css" />

    3 replies

    Jon Fritz
    Community Expert
    Community Expert
    April 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;

    }

    judeez7!Author
    Inspiring
    April 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.

    pziecina
    Legend
    April 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.

    judeez7!Author
    Inspiring
    April 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.]

    Nancy OShea
    Community Expert
    Community Expert
    April 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
    judeez7!Author
    Inspiring
    April 21, 2017

    I did try an

    judeez7!AuthorCorrect answer
    Inspiring
    April 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;

    }

    <span class="italictext">your text here</span>

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

    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300,300italic,600,600italic,700,700italic" rel="stylesheet" type="text/css" />