Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

I am trying to add MS Word settings style sheet but it doesn't work

  1. realitynow2012
    Member

    <style>
    <!--
    /* Font Definitions */
    @font-face
    {font-family:"MS Mincho";
    panose-1:2 2 6 9 4 2 5 8 3 4;}
    @font-face
    {font-family:"MS Mincho";
    panose-1:2 2 6 9 4 2 5 8 3 4;}
    @font-face
    {font-family:Cambria;
    panose-1:2 4 5 3 5 4 6 3 2 4;}
    @font-face
    {font-family:"Courier Final Draft";}
    @font-face
    {font-family:"\@MS Mincho";
    panose-1:2 2 6 9 4 2 5 8 3 4;}
    @font-face
    {font-family:Tahoma;
    panose-1:2 11 6 4 3 5 4 4 2 4;}
    /* Style Definitions */
    p.MsoNormal, li.MsoNormal, div.MsoNormal
    {margin-top:0cm;
    margin-right:0cm;
    margin-bottom:6.0pt;
    margin-left:0cm;
    font-size:14.0pt;
    font-family:"Times New Roman","serif";}
    h1
    {mso-style-link:"Heading 1 Char";
    margin-top:12.0pt;
    margin-right:0cm;
    margin-bottom:3.0pt;
    margin-left:0cm;
    page-break-after:avoid;
    font-size:16.0pt;
    font-family:"Cambria","serif";}
    h4
    {mso-style-link:"Heading 4 Char";
    margin-top:12.0pt;
    margin-right:0cm;
    margin-bottom:3.0pt;
    margin-left:0cm;
    page-break-after:avoid;
    font-size:14.0pt;
    font-family:"Times New Roman","serif";
    color:black;}
    h5
    {mso-style-link:"Heading 5 Char";
    margin-top:0cm;
    margin-right:0cm;
    margin-bottom:6.0pt;
    margin-left:0cm;
    page-break-after:avoid;
    font-size:12.0pt;
    font-family:"Courier New";
    color:black;
    background:white;
    font-weight:normal;
    font-style:italic;}
    p.MsoBodyText, li.MsoBodyText, div.MsoBodyText
    {mso-style-link:"Body Text Char";
    margin-top:0cm;
    margin-right:0cm;
    margin-bottom:6.0pt;
    margin-left:0cm;
    font-size:14.0pt;
    font-family:"Times New Roman","serif";}
    p.MsoQuote, li.MsoQuote, div.MsoQuote
    {mso-style-link:"Quote Char";
    margin-top:0cm;
    margin-right:0cm;
    margin-bottom:6.0pt;
    margin-left:36.0pt;
    text-align:right;
    font-size:8.0pt;
    font-family:"Times New Roman","serif";
    font-style:italic;}
    p.Character, li.Character, div.Character
    {mso-style-name:Character;
    mso-style-link:"Character Char";
    margin-top:0cm;
    margin-right:0cm;
    margin-bottom:6.0pt;
    margin-left:0cm;
    text-align:center;
    text-autospace:none;
    font-size:14.0pt;
    font-family:"Courier Final Draft";
    color:black;
    font-weight:bold;
    text-decoration:underline;}
    span.CharacterChar
    {mso-style-name:"Character Char";
    mso-style-link:Character;
    font-family:"Courier Final Draft";
    color:black;
    font-weight:bold;
    text-decoration:underline;}
    span.BodyTextChar
    {mso-style-name:"Body Text Char";
    mso-style-link:"Body Text";}
    p.Direction, li.Direction, div.Direction
    {mso-style-name:Direction;
    mso-style-link:"Direction Char";
    margin-top:0cm;
    margin-right:0cm;
    margin-bottom:6.0pt;
    margin-left:0cm;
    text-align:center;
    font-size:14.0pt;
    font-family:"Times New Roman","serif";
    color:black;
    font-style:italic;}
    span.DirectionChar
    {mso-style-name:"Direction Char";
    mso-style-link:Direction;
    font-family:"Courier New";
    color:black;
    font-style:italic;}
    p.Dialogue, li.Dialogue, div.Dialogue
    {mso-style-name:Dialogue;
    margin-top:0cm;
    margin-right:0cm;
    margin-bottom:6.0pt;
    margin-left:99.25pt;
    font-size:14.0pt;
    font-family:"Times New Roman","serif";}
    p.Chorus, li.Chorus, div.Chorus
    {mso-style-name:Chorus;
    margin-top:0cm;
    margin-right:0cm;
    margin-bottom:6.0pt;
    margin-left:72.0pt;
    text-indent:-36.0pt;
    font-size:14.0pt;
    font-family:"Courier Final Draft";
    font-style:italic;}
    p.Verse, li.Verse, div.Verse
    {mso-style-name:Verse;
    margin-top:0cm;
    margin-right:0cm;
    margin-bottom:6.0pt;
    margin-left:36.0pt;
    text-indent:-36.0pt;
    font-size:14.0pt;
    font-family:"Courier Final Draft";
    font-style:italic;}
    p.Normalitals, li.Normalitals, div.Normalitals
    {mso-style-name:"Normal itals";
    margin-top:0cm;
    margin-right:0cm;
    margin-bottom:6.0pt;
    margin-left:2.0cm;
    font-size:14.0pt;
    font-family:"Times New Roman","serif";
    font-style:italic;}
    span.Heading4Char
    {mso-style-name:"Heading 4 Char";
    mso-style-link:"Heading 4";
    color:black;
    font-weight:bold;}
    p.NormalIndent1, li.NormalIndent1, div.NormalIndent1
    {mso-style-name:"Normal Indent1";
    margin-top:0cm;
    margin-right:0cm;
    margin-bottom:6.0pt;
    margin-left:36.0pt;
    font-size:14.0pt;
    font-family:"Times New Roman","serif";}
    p.Credit, li.Credit, div.Credit
    {mso-style-name:Credit;
    margin-top:0cm;
    margin-right:0cm;
    margin-bottom:6.0pt;
    margin-left:0cm;
    text-align:right;
    font-size:8.0pt;
    font-family:"Times New Roman","serif";}
    span.Heading5Char
    {mso-style-name:"Heading 5 Char";
    mso-style-link:"Heading 5";
    font-family:"Courier New";
    color:black;
    font-style:italic;}
    span.QuoteChar
    {mso-style-name:"Quote Char";
    mso-style-link:Quote;
    font-style:italic;}
    span.Heading1Char
    {mso-style-name:"Heading 1 Char";
    mso-style-link:"Heading 1";
    font-family:"Cambria","serif";
    font-weight:bold;}
    @page WordSection1
    {size:595.3pt 841.9pt;
    margin:72.0pt 72.0pt 72.0pt 72.0pt;}
    div.WordSection1
    {page:WordSection1;}
    -->
    </style>

    When I delete the text in the "Welcome to CSS!" stylesheet and substitute the above code and save, the "Welcome to CSS!" code reappears. I have chosen Add-on CSS.
    I suppose what I really need to do is to save the code as, eg, Word.css, and then link it in the post as
    <link rel="stylesheet" type="text/css" href="Word.css" />
    but I can't see any option to save a new CSS file.
    How can I do this?

    The blog I need help with is karldallasday.wordpress.com.

  2. thesacredpath
    Member

    MS Word is a word processing program for print media. It was never designed for web use, and as such does not follow any of the web standards, and typically can totally mess up a site. That is why WordPress.com will check and filter out any bad CSS so that it doesn't mess up your site.

    You have to use standard CSS for the web.

  3. designsimply
    Staff

    It's not so much that it wasn't designed for web use, it's more that it was designed to export HTML and CSS that works separate from other web pages and trying to copy and paste it into an existing website with a different HTML structure won't really work.

    Saving a separate file as a "Word.css" file and uploading it separately isn't an option offered here at WordPress.com. However, it's not a good solution anyway because you will still run into problems with CSS if your HTML structure (such as a theme designed separately from MS Word) doesn't match the CSS exported by Word. The code exported by Word was never intended to work after being copied into a completely separate system such as WordPress.

    If you would like to use the CSS from Word, you should setup a web hosting account and upload the HTML and CSS as separate files that stand apart from an outside theme system such as CMS software like WordPress provides.

    Another alternative would be to spend the time to learn how to format your content how you'd like using CSS that isn't generated by a separate program such as Word. You might start with a CSS tutorial such as this one:
    http://www.htmldog.com/guides/cssbeginner/

    Please also see http://en.support.wordpress.com/microsoft-word/

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags