I’m trying add local fonts to my customer’s site. Tom’s tutorial is great…but I don’t want to use explicit URLs, I want to use relative ones for my CSS.
This is a sample of my CSS:
/* Webfont: Edingu-Regular */@font-face {
font-family: ‘Edingu’;
src: url(‘edigu/Edingu-Regular.eot’); /* IE9 Compat Modes */
src: url(‘edigu/Edingu-Regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘edigu/Edingu-Regular.woff’) format(‘woff’), /* Modern Browsers */
url(‘edigu/Edingu-Regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘edigu/Edingu-Regular.svg#Edingu-Regular’) format(‘svg’); /* Legacy iOS */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
The font is showing up in the Typography section (yay for cut and paste PHP) just fine, but the font isn’t actually showing.
I’m using a child theme called generatepress_child … in the usual place the the fonts are all in edigu dir. So what’s the right relative URL to use here? ./edigu ? /wp-content/themes/generatepress_child/edigu/ ?
It’s the one thing about CSS I always forget.
Thanks … Tris