Font Syling, need some help

  • Currently trying to figure out my CSS. We would like to have it so when we are typing in WordPress we change have an option to just choose Century Gothic 11pt as our default. At the moment we are having to open front page and format the font from there and then copy and paste the HTML. It’s very time consuming. I have pasted out editor below. Any help would be great appreciated! https://www.pinkpearlimages.com/blog

    /* CSS RESET */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    }
    /* remember to define focus styles! */
    :focus {
    outline: 0;
    }
    body {
    line-height: 1;
    color: black;
    background: white;
    }
    ol, ul {
    list-style: none;
    }
    /* tables still need ‘cellspacing=”0″‘ in the markup */
    table {
    border-collapse: separate;
    border-spacing: 0;
    }
    caption, th, td {
    text-align: left;
    font-weight: normal;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: “”;
    }
    blockquote, q {
    quotes: “” “”;
    }
    /* END CSS RESET */

    div.sidebar {
    float: left;
    overflow: hidden;
    padding: 10px 1.9%;
    width: 46%;
    }
    div#primary {
    clear: both;
    }
    div#footer {
    clear: left;
    }

Viewing 1 replies (of 1 total)

  • If everything should be in Century Gothic, change your body CSS to:

    body {
  line-height: 1;
  color: black;
  background: white;
  font-family: "Century Gothic";
  font-size: 11pt;
}

    and then also add the following line to your CSS file:
    .post p {font-family: "Century Gothic"; font-size: 11pt;}
    Then, don’t worry that it is in times new roman (or whatever) when you’re typing your posts. When it displays on your page, it will display with the font type and size you specified in the CSS file.

Viewing 1 replies (of 1 total)
  • The topic ‘Font Syling, need some help’ is closed to new replies.

Tags