• Resolved fozzzie

    (@fozzzie)


    I have used the free virtue theme and I like it.

    I have added a child theme and loaded 2 x custom fonts. However, I cannot get the h1, h2 etc tags to pick up either of the custom fonts. They still display with the default settings in the virtue theme. The paragraph <p> tag does recognise the custom fonts.

    Here is my child theme css.

    [ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ]

    @font-face {
    font-family:  'SofiaPro-Regular';
    src: url('http://fosterwellness.co.nz/wp-content/fonts/SofiaPro-Regular/SofiaPro-Regular.eot') format('embedded-opentype');
    src: url('http://fosterwellness.co.nz/wp-content/fonts/SofiaPro-Regular/SofiaPro-Regular.otf') format('opentype'),
    url('http://fosterwellness.co.nz/wp-content/fonts/SofiaPro-Regular/SofiaPro-Regular.woff') format('woff'),
    url('http://fosterwellness.co.nz/wp-content/fonts/SofiaPro-Regular/SofiaPro-Regular.ttf') format('truetype'),
    url('http://fosterwellness.co.nz/wp-content/fonts/SofiaPro-Regular/SofiaPro-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    
    @font-face {
    font-family:  'GalaxieCopernicus-Bold';
    src: url('http://fosterwellness.co.nz/wp-content/fonts/GalaxieCopernicus-Bold/GalaxieCopernicus-Bold.eot') format('embedded-opentype');
    src: url('http://fosterwellness.co.nz/wp-content/fonts/GalaxieCopernicus-Bold/GalaxieCopernicus-Bold.otf') format)('opentype');
    url('http://fosterwellness.co.nz/wp-content/fonts/GalaxieCopernicus-Bold/GalaxieCopernicus-Bold.ttf') format('truetype'),
    url('http://fosterwellness.co.nz/wp-content/fonts/GalaxieCopernicus-Bold/GalaxieCopernicus-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    
    h1 {
    font-family: GalaxieCopernicus-Bold;
    font-weight: 400;
    font-size: 38px;
    line-height: 40px
    letter-spacing: 0px;
    }
    
    h2 {
    font-family: GalaxieCopernicus-Bold;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px
    letter-spacing: 0px;
    }
    
    h3 {
    text-rendering: optimizelegibility;
    font-family: GalaxieCopernicus-Bold;
    font-weight: 400;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0px;
    }
    
    h4 {
    text-rendering: optimizelegibility;
    font-family: GalaxieCopernicus-Bold;
    font-weight: 400;
    font-size: 24x;
    line-height: 40px
    letter-spacing: 0px;
    }
    
    h5 {
    text-rendering: optimizelegibility;
    font-family: GalaxieCopernicus-Bold;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px
    letter-spacing: 0px;
    }
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to update heading tags with custom font in virtue theme’ is closed to new replies.