Forums » Theme: Virtue » Edit Header Font

  • Resolved mnop

    (@mnop)


    Hey!

    I would like to change the header (logo) font with a custom one.
    The problem i am having is that i don’t know where to do this.

    The current font is “Lato” and i want to use a .ttf font instead.

    Thanks in advance!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The logo font is set via Appearance> Theme Options> Main Settings> Sitename Logo Font.

    Let me know if that changes it for you!

    Hey,
    Just to clarify more the theme has over 600 fonts to choose from, but if you’re wanting to add your own then you would need to do that through a child theme where you added the webfont files and then use css to override the theme.

    Kadence Themes

    Thread Starter mnop

    (@mnop)

    Thank you for the information, could you tell me which css file contains the font data?

    Hey,
    There isn’t a css file for that. It’s added dynamically based on what font you choose.

    If your wanting to override with a child theme you would just add that css to your child theme or you can use the theme options > advnaced settings > custom css box.

    Kadence Themes

    Thread Starter mnop

    (@mnop)

    I have used the custom css box with the following code:

    @font-face {
    	font-family: Laffayette_Comic_Pro;
    	src: url(http://www.beerzertuun.nl/wp-content/themes/virtue/assets/css/fonts/Laffayette_Comic_Pro.ttf);
    }
    
    a.brand, .logofont {
    	font-family: Laffayette_Comic_Pro;
    	src: url(http://www.beerzertuun.nl/wp-content/themes/virtue/assets/css/fonts/Laffayette_Comic_Pro.ttf);
    }

    Yet the Lato-font still overrides my own font.

    @font-face {
    	font-family: Laffayette_Comic_Pro;
    	src: url(http://www.beerzertuun.nl/wp-content/themes/virtue/assets/css/fonts/Laffayette_Comic_Pro.ttf);
    }
    
    a.brand, .logofont {
    	font-family: Laffayette_Comic_Pro !important;
    }

    change to that ^

    Kadence Themes

    Thread Starter mnop

    (@mnop)

    That fixed it for me! thank you !!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Edit Header Font’ is closed to new replies.