New Class Font Doesn't Stick

  • Resolved dsiebold

    (@dsiebold)


    10 years, 7 months ago

    Per the previous thread, I added this new class (below) to the CSS Custom Manager. In Pages, on the Text tab, I can format some text with this new format using the <casualtext> tag. Preview shows the text in the new font. But when I click the Visual tab, it removes the <casualtext> tags. Any idea on how I can get this new format to “stick?”

    Thanks!

    Dianne

    @import “url(https://fonts.googleapis.com/css?family=Architects+Daughter)”;

    casualtext {
    font-family: ‘Architects Daughter’, cursive;
    font-size: 20px;
    font-size: 2.0rem;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Christine Rondeau

    (@crondeau)

    HI Sorry, but I”m not sure I understand what you are doing..
    Your CSS should be declared like so:

    .casualtext {
font-family: 'Architects Daughter', cursive;
font-size: 20px;
font-size: 2.0rem;
}

    The dot in front of the class name is needed.
    Then you can use the class on a paragraph or span tag…

    p class=”casualtext”

    but you can’t created tags.

    You may need to use span tags

    So this would be a sentence and then <span class="casualtext">here</span> would have the class applied.

    Or maybe you apply this class to all of your paragraphs?

    I’m not sure exactly if this helps.

    Thread Starter dsiebold

    (@dsiebold)

    Thanks, Christine! That worked. I didn’t have it defined as a class and also had a type on the import statement.

    Dianne

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘New Class Font Doesn't Stick’ is closed to new replies.