Hi, I am trying to install a custom font needed for YMCA websites called Cachet.
1) I have added the three custom fonts to the fonts folder as .woff files
2) I have added a custom.css file in the j51_sophia/CSS folder that includes the following
h1 {
font-size: 34px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
@font-face {
font-family: 'Cachet-Book';
src: url('//http://www.wcfymca.org/39/templates/j51_sophia/fonts/Cachet-Book.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cachet-Medium';
src: url('//http://www.wcfymca.org/39/templates/j51_sophia/fonts/Cachet-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cachet-Bold';
src: url('//http://www.wcfymca.org/39/templates/j51_sophia/fonts/Cachet-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-family: Cachet-Book !important;
}
h1 {
font-family: Cachet-Bold !important;
}
h2 {
font-family: Cachet-Medium !important;
}
I'm needing the h1/h2 and body section to use the Cachet font but it doesn't seem to be showing for me.
Website is http://www.wcfymca.org/39
Thanks in advance
Dan