How to update heading tags with custom font in virtue theme
-
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.