WordPress.org

Ready to get started?Download WordPress

Forums

Change Bitter Font, Twenty Thirteen (8 posts)

  1. willynolan1988@gmail.com
    Member
    Posted 8 months ago #

    Hi, I realize this question has been asked before, but I just can't figure it out. What is the easiest way to change the default font in the 2013 wordpress theme. I do not want it to be Bitter. I looked at the style.css and the name bitter only appears once, in the font-family area. What can I do?

  2. Rod Whiteley
    Member
    Posted 8 months ago #

    Use a child theme or a plugin that allows you to add custom CSS, and override the font-family.

    Personally, I always use a child theme for this kind of thing. It's easier than it looks. You just make a new directory in wp-content/themes and put a new style.css in there. A few lines at the top of the new style.css have to be right to make it work.

    I'm not sure whether changing to some other font in style.css will stop the user's browser from downloading Bitter pointlessly.

  3. willynolan1988@gmail.com
    Member
    Posted 8 months ago #

    Thank you for your advice but I have already made a significant number of edits to the existing theme. I do not want to lose those changes when changing to a child theme. Isn't there an easier way (even if it means letting the browser download Bitter pointlessly, just not use it)?

  4. CombatPost
    Member
    Posted 8 months ago #

    The link for the bitter font should in the header file. Then you go into the style file and change it there too.

  5. Rod Whiteley
    Member
    Posted 8 months ago #

    If you are happy to corrupt the main theme, I don't understand what you are asking. Why not just change Bitter to some other font-family?

    I tried it myself, and the font downloads even though it's not used. If you're also happy to corrupt functions.php you can prevent this.

  6. wpfan1000
    Member
    Posted 8 months ago #

    I do not want to lose those changes when changing to a child theme.

    I understand that you would not like to cancel your changes by going to a child theme.

    However, by changing the theme itself, you run the risk of losing all changes when the theme is updated.

  7. willynolan1988@gmail.com
    Member
    Posted 8 months ago #

    Okay, I now am using a child theme that someone made
    @Rod, when you say change Bitter to some other font-family, how do I do this? Or, where do I add the custom CSS to change the font-family?

    @CombatPost, this means that I just edit the style.css and header.php?

  8. Rod Whiteley
    Member
    Posted 8 months ago #

    When I tried it, this was the entire style.css file in my child theme:

    /*
    Theme Name: Test by Rod
    Template: twentythirteen
    Author: Rod Whiteley
    Description: Rod's test theme
    Version: 1.0
    */
    @import url("../twentythirteen/style.css");
    
    h1, h2, h3, h4, h5, h6 {font-family: Arial, sans-serif;}

Reply

You must log in to post.

About this Topic