Hi
I’, trying to get Gill Sans Light and Bold to work with the theme.
I cannot find the documentation for this. But I have tried implementing it like this
/* Import webfonts */
@import url(“//hello.myfonts.net/count/2e269f”);
@font-face {font-family: ‘GillSansMTStd-Light’;src: url(‘webfonts/2E269F_0_0.eot’);src: url(‘webfonts/2E269F_0_0.eot?#iefix’) format(’embedded-opentype’),url(‘webfonts/2E269F_0_0.woff2’) format(‘woff2’),url(‘webfonts/2E269F_0_0.woff’) format(‘woff’),url(‘webfonts/2E269F_0_0.ttf’) format(‘truetype’);}
@font-face {font-family: 'GillSansMTStd-Bold';src: url('webfonts/2E269F_1_0.eot');src: url('webfonts/2E269F_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E269F_1_0.woff2') format('woff2'),url('webfonts/2E269F_1_0.woff') format('woff'),url('webfonts/2E269F_1_0.ttf') format('truetype');}
html, body, p, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-family: GillSansMTStd-Light !important;
font-weight: normal;
font-style: normal;
}
But my CSS-style is overwritten by the theme.
I’ve tried attaching it via the custom fonts. I’ve read the uploader does not work. Instead I have tried putting the font files in to separate folders:
/wp-content/uploads/redux/custom-fonts/GillSansBold
/wp-content/uploads/redux/custom-fonts/GillSansLight
(each folder contains a set of 4 files. I.e.
2E269F_0_0.eot
2E269F_0_0.ttf
2E269F_0_0.woff
2E269F_0_0.woff2
This results in the font list in theme settings gets populated by GillSansBold (Light is not showing up). But I cannot select the font in the list. Nothing happens when I click it.
Can you provide me with any ideas on how to integrate the fonts proporly? I prefer using the child theme style.css file so I can stay organised.