Custom CSS in Google fonts

  • Resolved Oded Ben-Ami

    (@oded-ben-ami)


    12 years ago

    Hi,

    I’d like to use different fonts from Google Fonts in my pages. being unfamiliar with CSS, I’d appreciate if someone could tell me how to make a definition in the “Custom CSS” window in the google fonts plugin, and then how to introduce that definition in the HTML editor.
    I appreciate your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • dwnfred

    (@dwnfred)

    I don’t get it your problem
    When you go into Google webfont there is a little tutorial how to use the fonts
    https://postimage.org/image/yb44b4bon/

    see attached picture

    Thread Starter Oded Ben-Ami

    (@oded-ben-ami)

    I installed the Google fonts plugin. I have the fonts already. I don’t see why I still need to go the Google Fonts website. I’m just trying to embed them in my pages.

    The issue that I have is that in the plugin, I can only assign fonts to h1-h6, paragraphs, lists and blockquotes. I’m trying to create new classes such as “name”, “address”, etc, each receiving a different font.

    WPyogi

    (@wpyogi)

    You need to assign the fonts in the CSS styles for those classes — i.e.

    .name {
   font-family: XYZ... ;
}

    Reference for basic CSS — look at selectors and fonts:

    https://www.w3schools.com/css/

    Thread Starter Oded Ben-Ami

    (@oded-ben-ami)

    Got it. Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Custom CSS in Google fonts’ is closed to new replies.