adding font(s)

Homepage › Community Forums › Legacy Theme Support › adding font(s)

Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 9, 2015 at 10:49 pm #15784
    tjd
    Customer

      Hi Wes,

      Still developing things here in Tokyo and I recently made some revisions to my site. Came up with an idea for the Header Text. Originally, Legacy came with the Oswald font and I later decided I wouldn’t use it and deleted it. I designed the entire site using arial thinking it could be generated on any computer anywhere.

      Well, that was then and this is now… and I’m thinking about changing the Title font in the Header. I went to Google fonts and found one I might use. What is the best way for me to add a new font without messing-up Genesis or Legacy …keeping in mind my limited coding skills.

      Hope all is well with you & Appfinite, Thanx, Tom Dolan

      May 11, 2015 at 12:00 am #15800
      scooby
      Customer

        Hi Tom,

        The Google Web fonts site will give you the exact CSS code/Font name that you’ll need to use in order to replace the current Google Font/Code that the theme uses. All you would need to do is use the “Search/Find” function on your computer using the ctrl + F (PC) or command + F (Mac) to find every spot in your CSS that the Oswald or whatever font you’re currently using exists….and you can replace that with the new font that you want to use.

        The Google Web Font site provides the exact code you’ll need to add in replace of the old font/code.

        May 11, 2015 at 1:09 am #15804
        tjd
        Customer

          Hi scooby,

          Thanx for the response. To clarify my situation: I use arial throughout the site and only want to add a new font, not remove the arial which I chose as my site-wide font. Here is the CSS code for my Header Title font:

          #title {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 45px;
          text-align: center;
          letter-spacing: 1px;
          line-height: 1.75;
          margin: 20px 0 0;

          BUT, when I look at the CSS Editor, the very first entry at the Top of the editing code is this:

          */

          /* Import Fonts
          ———————————————————— */

          So I’m wondering if this is where I should put the new Google font code? It’s been several years since I removed the Oswald code and I don’t remember if it was located in this space or not. What do you advise?

          Thanx again, Tom

        • Author
          Posts
        Viewing 3 posts - 1 through 3 (of 3 total)
        • You must be logged in to reply to this topic.